Ember.js：如何在url路徑中使用父模型的屬性？

Question

在Ember.js中，如果您有一個具有一對多關係的模型，可以根據父模型的屬性生成鏈接？

例如，我有一個模型，像這樣一些數據：

var SuggestionGroup = Ember.Model.extend({ 
    id: Ember.attr('number'), 
    name: Ember.attr('string'), 
    suggestions: Ember.hasMany('App.Suggestion', { 
     key: 'suggestions', 
     embedded: true 
    }) 
}); 

SuggestionGroup.adapter = Ember.FixtureAdapter.create(); 

SuggestionGroup.FIXTURES = [ 
{ 
    id: 1, 
    name: 'Start', 
    suggestions: [ 
     { 
      id: 1, 
      title: 'Fetching coffee and cake for the Interface Developers', 
      description: 'Because they\'re so brilliant', 
      upVotes: 10, 
      downVotes: 2 
     }, 
     { 
      id: 2, 
      title: 'Criticising the app devs more', 
      description: 'They enjoy a bit of banter', 
      upVotes: 8, 
      downVotes: 4 
     }, 
     { 
      id: 3, 
      title: 'Not updating JIRA', 
      description: 'It\'ll be funny when the PMs start raging', 
      upVotes: 1000000, 
      downVotes: 0 
     } 
    ] 
}] 

這裏是我的路線：

App.Router.map(function() { 
    this.resource('current-suggestions'); 
    this.resource('suggestion', { 
     path: '/current-suggestions/:suggestion_id' 
    }); 
}); 

我的模板是這樣的：

{{#each model}} 
<td> 
    <ul> 
    {{#each suggestions}} 
     <li class="suggestion"> 
      <h3> 
       {{#linkTo 'suggestion' this}}{{title}}{{/linkTo}} 
      </h3> 
     </li> 
    {{/each}} 
    </ul> 
</td> 
{{/each}} 

所以，目前我的路徑是current-suggestions/1。但我想要做的是有路徑，如current-suggestions/Start/1。所以，路徑是使用父模型的屬性生成的。

是否有可能做到這樣的事情？

Answer 1

來自@GJK的最新評論已經指出了正確的方向，但讓我提出一個有點詳細的答案來解決您的問題。你可以做到這一點

一種方法是掛接到您的SuggestionRoute的serialize功能，並提供缺少的動態段最終到達網址應該有，在概念上這將是這樣的：

額外的動態段添加到您的

App.SuggestionRoute = Ember.Route.extend({ 
    ... 
    serialize: function(model) { 
    var id = model.get('id'); 
    var name = model.get('name'); 
    return { 
     name: name, suggestion_id: id 
    } 
    } 
}); 

：路由定義，你的情況 :name

App.Router.map(function() { 
    this.resource('current-suggestions'); 
    this.resource('suggestion', { 
    path: '/current-suggestions/:name/:suggestion_id' 
}); 
}); 

然後進行動態段像這樣提供的數據

注意：此解決方案假定您爲Suggestion模型提供了父模型的name屬性，爲實現此目的，您可以重新考慮模型關係。

並激勵你你如何可以重構你的應用程序，以實現自己的目標（具有類似於/current-suggestions/Start/1等的URL）看看這裏：

Demo

我試圖模仿你用例但採用不同的方法。

我希望它有幫助。