Ember 嵌套路由中断命名出口

Question

我有一个名为 engineering 的父路由。每条路线都扩展了一条 Base.js 路线，该路线将默认模板和另一个自定义模板呈现到指定的插座中：

renderTemplate: function (controller) {
    this.render();

    this.render('page-title', {
        outlet: 'pageTitle',
        controller: controller,
    });
},

有一个 engineering.hbs 包含两个出口的父模板。主要 {{outlet}} 和另一个 {outlet 'pageTitle'}}.

这对于 /engineering/index 和 engineering/someothersite 这样的路线非常有效，但是 pageTitle 出口根本不会为 engineering/college/courses/description 这样的路线呈现。

任何建议，或者甚至是将数据从子路由传递到父模板的更好方法？

Answer 1

想通了。对于未来的访问者，问题不包括 render 方法中的 into 属性。

this.render('page-title', {
    outlet: 'pageTitle',
    into: controller.topParent,
    controller: controller,
});

controller.topParent是我自己的属性.

Answer 2

我鼓励为此目的使用 ember-elsewhere 插件，而不是使用指定的插座。

Ember 嵌套路由中断命名出口

Ember Nested Routes Break Named Outlet

ember.js