2014-11-14 83 views
1

這就是我的app.js.帶有航班&的航班的索引航線作爲嵌套航線。Ember路線轉換,防止模板破壞。

this.resource('index',{ path: '/' }, function(){ 
    this.route('flights'); 
    this.route('cars'); 
}); 

application.hbs

<div class="main"> 
    {{outlet}} 
</div> 

index.hbs

..some html here... 
{{outlet}} 
..some html... 

cars.hbs

{{#some-component1}} 
{{/some-component1}} 

flights.hbs

{{#some-component2}} 
{{/some-component2}} 

汽車和航班樣關閉選項卡(鏈接),點擊時我使用鏈接到加載相應路線 域/應用/#/在index.hbs出口航班
負載航班HBS這在在application.hbs插座中加載。 當用戶點擊汽車的URL更改爲
域/ app /#/汽車 並且它在index.hbs outlet中加載cars.hbs。

但是,當這種轉變發生時,飛行渲染模板會隨着它所有的組件以及相應的組件類對象和汽車模板及其所有組件被渲染而被銷燬。這一切都很好。

現在,當用戶移回(點擊航班鏈接)到航班時,所有航班組件/模板都會重新創建並呈現。

這些選項卡的內容在用戶每次在選項卡之間移動時進行創建都很昂貴(關閉類型)。

問題:當用戶點擊這些鏈接並顯示/隱藏內容時,它是否應該作爲一個選項卡面板實現,而不是更改url(不使用鏈接到,只是動作)? 或

它應該做的URL的方式?如果是的話,有沒有辦法使燼不破壞以前在插座呈現​​模板?

謝謝

回答