javascript - Ember.js 子路由不渲染和父路由同时被调用的问题

Question

在路线更改后显示模板时遇到问题。日志指出我已转换为 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>

Answer 1

嗯，这里可能只是命名问题。

您已定义App.FormNewRecordRoute（大写 R）和this.route('newrecord')较低的 r。尝试使它们保持一致，看看它是否有效。

Answer 2

是的，这绝对是大小写问题。只需切换到这个，你应该没问题：App.FormNewrecordRoute

JSBin：http: //jsbin.com/ucanam/1100/edit