残り火データモデルをループする単純なテンプレートがあります。ループ内で、要素のIDをルーターに渡す単純なアンカータグを提供して、別の残り火ビューに移行できるようにします。以下にあるものは、リンクにカーソルを合わせるとhrefに「未定義」と表示されますが、ルートにコンテンツを記録すると、それはember-dataモデルになります(希望するIDだけではありません)。
<script type="text/x-handlebars" data-template-name="session">
{{#each session in controller}}
{{session.id}}<br />
{{session.name}}<br />
{{session.room}}<br />
{{session.desc}}<br />
{{#each speaker in session.speakers}}
Speaker: {{speaker.name}}<br />
{{/each}}
<a {{action showSessionDetails session href=true}}>View Session Details</a>
<br /><br />
{{/each}}
</script>
これがルーターです
CodeCamp.Router = Ember.Router.extend({
root: Ember.Route.extend({
index: Ember.Route.extend({
route: '/',
showSessionDetails: Ember.Route.transitionTo('sessionDetails'),
connectOutlets: function(router, context) {
router.get('applicationController').connectOutlet('session', router.get('store').findAll(CodeCamp.Session)>
},
index: Ember.Route.extend({
route: '/'
}),
sessionDetails: Ember.Route.extend({
route: '/session/:id',
connectOutlets: function(router, context) {
console.log("here " + context);
}
})
})
})
});
前もって感謝します