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

Question

我嘗試開發一個簡單的Ember.js應用程序。

我認為這些屏幕描述了所需的場景足夠好。

1. 

2. 

3. 

頂部的按鈕是＃link-tos。 請注意，我希望在第3個屏幕上突出顯示第一個按鈕。

很容易找到第三個模板存在於第二個插座中的示例，但我需要在主插座中進行某種模板替換。

請幫我實現這個行為。 希望我的描述足夠清楚。

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');
   }
});

所有其余的都是完成的