Ember.js中的嵌套路由和模板替换

Question

我尝试开发一个简单的Ember.js应用程序。

我认为这些屏幕描述了所需的场景足够好。

1. 

2. 

3. 

顶部的按钮是＃link-tos。请注意，我希望在第3个屏幕上突出显示第一个按钮。

很容易找到第3个模板位于第2个插座中的示例，但我需要在主插座中更换某种模板。

请帮助我实现此行为。希望我的描述足够清楚。

Answer 1

您可以将列表和详细路线设置为相同级别，因此它们都会被渲染到同一个插座，一次是一个。像那样：

App.Router.map(function() {
    this.resource("movies", function() {
        this.route("list");
        this.route("view", {path:"view/:movie_id"});
    });
});

App.MoviesIndexRoute = Em.Route.extend({
   redirect : function() {
      this.transitionTo('movies.list');
   }
});

所有其余的一切都是完成的