emberモーダルダイアログを使用してemberでルーティング可能なモーダル

Question

私はルーティング可能なモーダルを作成したいと思います。私は親ルート内でネストされたルートを作成する必要があることを理解しています。

Router.map(function() { 
    this.route('posts', { path: '/' }, function() { 
    this.route('show', { path: '/posts/:post_id' }); 
    }) 

この「ショー」ルートがモーダルルーティング可能であるとpost/idへのユーザーの移行、それはmodal.Thisを開くにはクールだと私は私が直面していますit.The問題を行うことができる午前ときに、私は、コンポーネントのトップナビゲーションバーを持っています静的で、通知ドロップダウンのアイコンが含まれています。このドロップダウンには、イメージを表示するためのモーダルボックスを開くオプションが含まれています。これはfb notificationとまったく同じです。イメージモーダルを開くためのアクションを与えました。しかし、右クリックしてイメージモーダルを開こうとすると、モーダルモードを使用して解決できます。現在、3つのルートがあります。

Router.js

Router.map(function() { 
    this.route('myprofile',{path:'/mystudio'}); 
    this.route("usrprofile",{path:'/usrprofile/:id'}); 
    this.route("feed",path:'/feed'}) 
}); 

イメージモーダルの新しいルートを作成することができます。しかし、現在のルートを残し、指定されたルートに移動します。私はしたくありません。現在のルートで開く必要があります。右クリックすると指定されたルートに移動し、モーダルダイアログボックスが開きます。この機能はfacebookに似ています。これを達成する必要がありますか。事前に感謝します。

Answer 1

イメージモーダルがルートベースでなければならない理由がない限り、あなたの最善の行動は、あなたのnavbarコンポーネントから親ルートであるアクションを送信し、そこでモーダルを開くことです画像のURLをモーダルにして表示します。

この場合、諦めているのは、画像が開いている間にURLをコピーし、後でコピーしたURLで同じ画像にアクセスできることだけです。

ことが重要だ場合は、ルートベースのモーダルを使用するための十分な理由を持っている、そしてその場合にはあなたがliquid-fireになります（このオプションはエンバーコミュニティたるみグループに@alexspellerによって提案された）