2017-04-08 94 views
1

是否有可能有一個路線,說images/顯示的圖像列表,並點擊有一個圖像打開模式/查看器,說images/viewer/10,有導航(以前指向images/viewer/9的鏈接,下一個鏈接到images/viewer/11),更新查看器模式,同時保持背景images/落後於模式,以便您可以取消模式並返回images/而不重新加載路線?Ember路線和模式導航,保持父路線可見

回答

1

看到https://ember-twiddle.com/1da304530ea1367389361213fcf839c6?openFiles=templates.images.hbs%2C

你可以定義你的路線是這樣的:在玩弄

Router.map(function() { 
    this.route('images', function() { 
    this.route('viewer', {path: "/viewer/:id"}); 
    }); 
}); 

注重在文件結構(圖片父路由的出口和觀衆嵌套路線模式,而不是圖像索引航線) 。

然後,您可以在圖像模板中定義的插座中顯示模式查看器模板。

那麼,當你導航到/圖像,你會看到圖像模板,沒有模態。路線的鉤子將會執行。 從圖像中,如果您導航到/ images/viwer/x,則查看器路由掛鉤將執行,但不會執行映像,因爲已經執行。 當您從images/viewer/x導航到/ images時,將會執行相同的操作(圖像路由掛鉤不會再執行一次)。

希望這會有所幫助。 關於

+0

這有助於!謝謝。 – Redsandro