Jquery I'；I’我想在单击使用Ember.Js的导航时看到内容

定义模板

<script type="text/x-handlebars" id="application">
    {{outlet}}
</script>

<script type="text/x-handlebars" id="markets/sources">
    {{#each model }}
        <span>{{source_channel}}</span>
        <span>{{handle}}</span>
    {{/each}}

</script>

<script type="text/x-handlebars" id="markets">
    <div class="leftside">
    {{#each model }}
        <span>{{name}}</span>
        <span>{{created}}</span>
        {{#linkTo 'markets.sources' this class="link" }}<span>go to</span>{{/linkTo}}  
    {{/each}}
    </div>
    <div class="rightside">
        {{outlet}}
    </div>
</script> 

定义模型

App.Store = DS.Store.extend({
   revision: 12,
   adapter: DS.FixtureAdapter
});

App.Markets = DS.Model.extend({
    name: DS.attr("string"),
    created: DS.attr("string")
});

App.Sources = DS.Model.extend({
   source_channel: DS.attr("string"),
   handle: DS.attr("handle")
});

App.Sources.FIXTURES = [
    {id:1, markets_id:"1310", source_channel:"sc1", handle: "hn1"},
    {id:2, markets_id:"1310", source_channel:"sc2", handle: "hn2"},
    {id:3, markets_id:"1310", source_channel:"sc3", handle: "hn3"},
    {id:4, markets_id:"1512", source_channel:"sc4", handle: "hn4"},
    {id:5, markets_id:"1512", source_channel:"sc5", handle: "hn5"}
];

App.Markets.FIXTURES = [
    {id:"1310", name:"test1", created:"2012-2-3"  },
    {id:"1320", name:"test2", created:"2012-2-13"  },
    {id:"1512", name:"test3", created:"2012-2-23"  }
]; 

定义控制器

App.MarketsController = Ember.ObjectController.extend({}); 
App.MarketsSourcesController = Ember.ObjectController.extend({});

我喜欢在使用EmberJs单击{{{#linkTo}}时看到子内容

在这里，我看不到我想要的结果_ 当我单击左侧的某个锚定标记时，它会在右侧显示黑色内容
我认为，“来源”模型未与“市场/产品”模板集成。
当我单击左侧的锚定标记时，我希望看到源模型的正确结果

如果可能的话，我希望看到jsbin或JSFIDLE上的结果

踢和咯咯笑的随机信息位。 详细信息1，路由与其父资源共享相同的资源。

详细信息2，当您设置链接以发送与该路由相关的模型或该模型的id时。

详细信息3，由于市场和来源之间存在一对多关系，因此需要在余烬数据中设置一些额外的查询帮助程序（以便您可以按市场id而不是来源id进行查询）

总而言之，这里有一个jsbin，它可以工作（虽然不是很花哨，但我并不以我的css技能为荣）

App.MarketsController = Ember.ObjectController.extend({}); 
App.MarketsSourcesController = Ember.ObjectController.extend({});