Wie man Modale macht, die Routen wie Trello in Emberjs haben

Question

Ich möchte wissen, wie wir Modale machen können, die Routen haben.

In Trello, wenn Sie auf eine Karte klicken, ändert sich die Route von abc.com/b/personal zu abc.com/c/some-random-string und die Karte öffnet sich in einem modalen. Wenn Sie das modal schließen, werden Sie außerdem zu der vorherigen URL (abc.com/b/personal) umgeleitet.

Ich möchte wissen, wie können wir dies mit Emberjs erreichen.

Beispiel: https://trello.com/b/ezWgKsol/sales-enterprise-feature-requests-sample

Answer 1

Hier ist meine modal (mit Fundament), wo wir einen Datensatz löschen:

<div class="reveal" id="deleteLocationModal" data-reveal> 
    <div class="row"> 
     <div class="columns"> 
      Are you sure you want to delete this location? 
     </div> 
    </div> 
    <div class="row"> 
     &nbsp; 
    </div> 
    <div class="row"> 
     <div class="columns"> 
      <button id="cancelButton" class="secondary button" data-close type="button">Cancel</button> 
      <button id="deleteButton" class="button" {{action "deleteLocation" model}} data-close type="button">Delete</button> 
     </div> 
    </div> 
</div> 

Der Router hat sich in den Aktionen der fallenden hash:

actions: { 
    deleteLocation(model) { 
     Ember.assert("Params must be provided", model); 
     model.save().then((/* response */) => { 
      this.transitionTo('locations'); //locations is my index page. 
      //flash message to inform the user of success. 
     }); 
    }, (error) => { 
     //handle error. 
     // display flash message 
     // rollback any dirty attributes 

    }); 
} 

I hoffe das hilft,

Jeff