ルート変更後にテンプレートを表示する際に問題が発生しています。ログには、form.newrecord に移行したことが示されていますが、テンプレートがレンダリングされていません。
ルーター:
App.Router.map(function(){
this.resource('home', { path: '/' });
this.resource('form', { path: '/forms/:form_id' }, function() {
this.route('newrecord', { path: '/newrecord' });
});
});
App.FormNewRecordRoute = Ember.Route.extend({
renderTemplate: function() {
this.render("form/newrecord", {
into: "application",
outlet: "newrecord"
})}
});
テンプレート:
<script type="text/x-handlebars" data-template-name="application">
{{outlet}}
{{outlet newrecord}}
</script>
<script type="text/x-handlebars" data-template-name="home">
<h1>Test</h1>
</script>
<script type="text/x-handlebars" data-template-name="form">
<h1>Test 2</h1>
</script>
<script type="text/x-handlebars" data-template-name="form/newrecord">
<h1>This is a test</h1>
</script>