routable modal in ember mit ember modalen dialog

Question

Ich möchte die routable modal.For, dass ich verstehe, dass ich verschachtelte Route innerhalb eines Elternteils Wege zur Arbeit zu erstellen. So etwas Ähnliches.

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

In dieser „Show“ Route routbar ist modal und wenn der Benutzer unterwegs zu post/id es eine modal.This geöffnet ist cool und ich bin in der Lage it.The Problem, das ich bin vor zu tun ist, ich habe Komponente Top-Navbar das ist statisch und enthält ein Symbol für die Benachrichtigungsdropdown.Das Dropdown enthält Option, die eine modale Box öffnen sollte, um das Bild zu zeigen.Es ist genau wie fb Benachrichtigung.Nun habe ich eine Aktion zum Öffnen des Bildes modal.This funktioniert gut. Aber wenn Sie mit der rechten Maustaste klicken und versuchen, das Bild Modal zu öffnen, wird es vermasselt.Ich kann dies lösen, indem ich routable modal.Now habe ich drei Routen in

Router.js

Jetzt kann ich eine neue Route für das Bild modal.Aber in diesem wird es die aktuelle Route verlassen und zur angegebenen Route.Was will ich nicht.Es sollte in der aktuellen Route öffnen und wenn der Benutzer tut ein Rechtsklick sollte es zu bestimmten Routen bewegen und öffnen Sie ein modales Dialogfeld. Ich möchte die Funktionen genau wie facebook.Wie soll ich das erreichen.Vielen Dank im Voraus.

Answer 1

Wenn es keinen triftigen Grund gibt, warum das Image Modal routenbasiert sein muss, wäre es am besten, eine Aktion von Ihrer Navbar-Komponente an die ursprüngliche Route zu senden und dort ein Modal zu öffnen Übergeben der Modalität der angezeigten URL des Bildes.

Die einzige Sache, die Sie in diesem Fall aufgeben, ist die Möglichkeit, die URL zu kopieren, während das Bild geöffnet ist, und später das gleiche Bild mit der URL zu besuchen, die Sie kopiert haben.

Wenn das wichtig ist, müssen Sie eine Route basierte modal einen guten Grund für die Verwendung, und in diesem Fall sollte man sich liquid-fire (diese Option durch @alexspeller in der Ember Gemeinschaft slack Gruppe vorgeschlagen wurde)