2017-04-08 8 views
1

ルートを設定することは可能でしょうか?images/画像のリストを表示し、クリックするとモーダル/ビューアで画像が開きます。たとえば、images/viewer/10以前のリンクimages/viewer/9へのリンク、images/viewer/11へのリンク)、モーダルをキャンセルしてimages/に戻ることができるように、バックグラウンドを背景としてimages/のままモーダルを更新します。親ルートを表示した状態でモーダルルートとナビゲーションをモーダルで表示

答えて

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に移動すると、モーダルのない画像テンプレートが表示されます。そして、ルートのフックが実行されます。 イメージから、/ images/viwer/xに移動すると、既に実行されているため、ビューアルートフックは実行されますが、イメージは実行されません。 images/viewer/xから/ imagesに移動すると、同じことが実行されます(画像ルートフックはもう一度実行されません)。

これが役に立ちます。 お礼

+0

これは役に立ちます!ありがとうございました。 – Redsandro

関連する問題