javascript - 如何绕过在 ember.js 中渲染父模板？

Question

我的 ember 应用程序中有一个嵌套路由层次结构。我希望其中一个子路由绕过呈现它的父模板并直接呈现到应用程序模板中。但是，我仍然想保留路由层次结构，因为我需要子路由中父路由的模型。我所做的是在子路由上定义 renderTemplate Hook 以呈现到 application 中:

renderTemplate: function() {
  this.render({ into: "application" });
}

这有效，但是当我随后单击指向父路由的链接时，没有呈现任何内容。我整理了一个小的 jsfiddle 来演示:http://jsfiddle.net/H7gvz/1/ - 运行它，然后单击其中一个名称，然后单击“索引”。我希望 PeopleRoute 呈现 people 模板，但没有呈现任何内容。

这是一个错误还是我做的完全错了？执行此操作的正确方法应该是什么？

Answer 1

每当您使用嵌套路由时，从子路由('people.show')到父路由('people')的转换将被重定向到'index'路由。在 App.PeopleIndexRoute 中呈现您的“人”模板将解决您的问题。

App.PeopleIndexRoute = Em.Route.extend({
renderTemplate: function() {
    this.render('people',{ into: "application" });

}  
});

你的工作 fiddle