灰烬嵌套路线。 加载更多模型

Question

JsBin http://jsbin.com/EveQOke/153/

我知道如何使用Ember.RSVP.hash将多个模型加载到路由。 （请参阅“ Jsbin儿童”菜单）。 我使用动态部分从children/1集合中访问一个元素。 但是我无法将更多模型加载到嵌套资源中。

在我的示例中，我想填充所有玩具以供选择，而不仅仅是列出孩子的玩具。

我试图访问路线children的模型

App.ChildRoute = Ember.Route.extend({
  model: function(param){
    return Ember.RSVP.hash({   
      allToys: this.modelFor("children"),
      child:this.store.find('child', param.child_id)
    });

  }
});

并使用其模型的玩具属性（因为已经加载了所有玩具）

child.hbs

<h4>All avaiable toys</h4>
<table>
{{#each toy in model.allToys.toys}}
  <tr>
    <td>{{toy.name}}</td>
  </tr>
{{/each}}
</table>

Answer 1

这里的第一个问题是您试图从children获取模型，但是您尚未定义children路由，而是定义了childrenIndex路由。 而且，如果您要直接导航到child路线，则不会实例化childrenIndex路线。 仅当您击打children路线时才击中它，而不会更深。 因此，您要么需要将逻辑从childrenIndex移到children路由，要么只在商店中使用all玩具，而这不会获取任何新数据，而只是返回商店中所有不同类型的玩具。

this.store.all('toy')

您遇到的第二个问题是使用链接到并发送模型时，它跳过了模型挂钩，这对于动态路由（定义:id ）是一个问题，并且您期望它返回多个模型，这是不鼓励使用这种类型的路由，建议您在setupController的控制器上设置其他属性

App.ChildRoute = Ember.Route.extend({
  model: function(param){
    this.store.find('child', param.child_id);
  },
  setupController: function(controller, model){
    this._super(controller, model); //default implementation of setupController
    controller.set('allToys', this.store.all('toy'));
  }
});

http://jsbin.com/EveQOke/155/edit

连载

serialize: function(model){
  return {child_id:model.get('id')};
}

http://jsbin.com/EveQOke/163/edit