Ember.jsモーダルコンポーネント - openModalアクションはどこに書き込むべきですか？

Question

この記事で概説したように私はセットアップにモーダルウィンドウをしようとしています：

http://blog.atmartin.io/a-dead-simple-ember-cli-modal/ 

著者はopenModalアクションがアプリ/コントローラ/ application.jsに書かれていることが示された...

import Ember from 'ember'; 
export default Ember.Controller.extend({ 
actions: { 
    openModal: function(targetId) { 
     var modal = Ember.Views.views[targetId]; 
     modal.send('toggleModal'); 
    } 
} 
}); 

を

しかし、私はテストボタン使用して、書籍のリストページからコンポーネントを使用しています：だから

<button {{action 'openModal' 'modal-author'}}>Open Author Modal Window</button> 

{{#simple-modal enabled=false title="--Simple Modal --" id="modal-author"}} 
    Modal text. Oh girl! 
{{/simple-modal}} 

を、私が試したopenModaを挿入するために（私は...間違っている可能性があります） book.jsルートにLアクション（ボタンがクリックされたとき）：この場合

// app/routes/books.js 
import Ember from 'ember'; 
export default Ember.Route.extend({ 
model() { 
    return this.store.findAll('book'); 
}, 
actions: { 
    openModal: function(targetId) { 
    var modal = Ember.View.views[targetId]; 
    modal.send('toggleModal'); 
    }, 
    .... 
} 
}); 

、私はEmber.viewは未定義ているように見えるのエラーを取得...

books.js:11 Uncaught TypeError: Cannot read property 'views' of undefined 

Answer 1

あなたは、 Emberの最近のバージョンで廃止された&の削除された構成（ビュー）を利用するチュートリアルを使用しています。

最近のバージョンのEmberでモーダルを作成する場合は、https://github.com/yapplabs/ember-modal-dialogアドオンを使用することをお勧めします。