定義多個佈局emberjs

Question

我建立一個emberjs應用程序，我想爲示例應用程序模板兩種不同的佈局和另一個模板，我不希望我的所有意見，在應用程序模板中軌呈現，就像當你能做到指定有多個佈局不同的控制器

Answer 1

這些是我從emberjs論壇得到了

與「layoutName」屬性創建兩個佈局兩種觀點的答案：

App.MainLayoutView = Ember.View.extend({ layoutName: 'layout/main', }); 

和：

App.SecondaryLayoutView = Ember.View.extend({ 
    layoutName: 'layout/secondary', 
}); 

爲佈局創建兩個模板，名爲「layout/main」和「layout/secondary」。

確保你的觀點延伸的佈局圖。例如，對以下路由配置進行映像：

App.Router.map(function() { 
this.resource('users', function() { this.route('new'); 
this.route('login'); }); 

}）;

如果希望所有用戶的路由使用MainLayout是和登錄使用二次佈局是，創建兩個觀點：

App.ProjectsView = App.MainLayoutView.extend(); 

和

App.LoginView = App.SecondaryLayoutView.extend(); 

沒有必要創建一個查看「項目/新」，因爲它是項目的嵌套路線，因此繼承了項目的佈局。

希望它能幫助！

Answer 2

它實際上很簡單，只需指定呈現哪個模板：

App.ApplicationRoute = Ember.Route.extend({ 
    renderTemplate: function() { 
    if (expression) { 
     this.render('application'); 
    } else { 
     this.render('site'); 
    } 
    } 
}); 

通過http://emberjs.com/guides/routing/rendering-a-template/