Ember.js - Hiển thị chế độ xem phương thức với URL và chế độ xem gốc vẫn hiển thị

Question

Trong ứng dụng Ember.js của tôi, tôi có chế độ xem chỉ mục với danh sách các bài đăng khác nhau. Tôi đang cố gắng thực hiện hành động 'hiển thị' xảy ra khi một bài đăng được nhấp vào. Những gì cần làm là hiển thị một phiên bản chi tiết hơn của bài đăng. Mỗi chế độ xem cho một bài đăng cũng phải có URL riêng. Ngoài ra, chế độ xem chỉ mục liệt kê các bài đăng vẫn sẽ được hiển thị phía sau phương thức bài đăng. Cuối cùng khi bài modal bị đóng URL nên thay đổi lại URL index

Cho đến nay các tuyến đường của tôi là một cái gì đó như thế này:

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) 

Đây là quan điểm phương thức của tôi (sử dụng Zurb Foundation tiết lộ phương thức)

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

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

Tôi đang kết xuất vào một cửa hàng vào mẫu chỉ mục của mình, nhưng với tập hợp hiện tại, nó điều hướng khỏi mẫu chỉ mục của tôi và chỉ hiển thị phương thức. Một lần nữa, tôi muốn hiển thị phương thức trong trang chỉ mục với URL của chính nó và khi được đóng lại, hãy quay lại URL chỉ mục.

Answer 1

Bạn có thể thêm một lối thoát bổ sung vào mẫu ứng dụng của mình cho các phương thức và sau đó hiển thị các phương thức của bạn vào ổ cắm đó.

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

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