ember.js - 断言失败：指定了出口（菜单），但此视图将在根级别呈现

Question

当我在我的应用程序的根级别上渲染一个额外的出口时，我遇到了这个奇怪的断言错误。

这是我使用的代码：

<div id="app">
   <nav>{{outlet "menu"}}</nav>
   <div class="content">{{outlet}}</div>
</div>

我有一个名为menu. 这是我的 App.ApplicationRout

app.ApplicationRoute = Ember.Route.extend({
    renderTemplate: function() {
        this.render();
        this.render("menu", {
            outlet: "menu"
        });
    }
});

但它抛出一个错误：assertion failed: An outlet (menu) was specified but this view will render at the root level

Answer 1

我发现了问题，在根级别你应该在 -function 中传递into-property render：

app.ApplicationRoute = Ember.Route.extend({
    renderTemplate: function() {
        this.render("menu", {
            outlet: "menu",
            into: 'application'
        });
        return this._super.apply(this,arguments);
    }
});

现在它渲染得很好。