Ember.js - URL ve ebeveyns görünümüyle birlikte görünümlü görünüm görünümü hala görüntüleniyor

Question

Ember.js uygulamasında çeşitli yazıların bir listesini içeren bir dizin görünümüm var. Bir gönderiye tıklandığında gerçekleşen bir 'gösteri' eylemi uygulamaya çalışıyorum. Yapması gereken, modalın yayının daha ayrıntılı bir versiyonunu görüntülemektir. Bir gönderinin her modal görünümü de kendi URL'sine sahip olmalıdır. Ayrıca postaları listeleyen dizin görünümü, postmodelin arkasında hala gösterilmelidir. Bu (Zurb Vakfı kalıcı açığa kullanarak) benim modal görünümü

App.Router.reopen 
    location: 'history' 
    rootURL: '/' 

App.Router.map -> 
    @resource 'posts', -> 
    @route 'show', path: '/:post_id' 

App.PostsShowRoute = Ember.Route.extend 
    model: (params) -> 
    App.Post.find(params.post_id) 

geçerli: sonrası kalıcı endeksi URL'ye geri değişmelidir URL'yi kapatıldığında Nihayet

Şimdiye kadar benim yolları böyle bir şey vardır

App.PostsShowView = Ember.View.extend 
    templateName: 'postModal' 
    classNames: ['reveal-modal'] 

    didInsertElement: -> 
    @$().foundation('reveal', 'open') 

Dizin şablonuma bir çıkış oluşturuyorum, ancak geçerli ayar ile dizin şablonumdan uzaklaşıyor ve yalnızca modal oluşturuyor. Bir kez daha, kendi URL'sine sahip dizin sayfasındaki modal oluşturma işlemine sahip olmak ve kapatıldıktan sonra dizin URL'sine geri dönmek istiyorum.

Answer 1

Model şablonunuza uygulama şablonunuza yeni bir çıkış ekleyebilir ve daha sonra bu modellere bu çıkışları ekleyebilirsiniz.

<script type="text/x-handlebars"> 
    {{outlet}} 
    {{outlet modal}} 
</script> 

App.PostShow = Ember.Route.extend({ 
    renderTemplate: function() { 
    this.render('postModal',{outlet:'modal',into:'application'}); 
    } 
});