Emberのブートストラップモーダル内のフォームのレンダリング

Question

すでにEmberのモーダルについて質問する質問がたくさんあります（this oneとthis oneなど）。モーダルを使用する方法について説明しているcookbook has an articleでも、モーダル内のサーバーからの検証が必要なこれらのカバーフォームの提出（つまり、すでに使用されているユーザー名）はありません。

調理師の説明書に続いて、アプリケーションテンプレートに名前付きのアウトレットがあります。

{{outlet}} 
{{outlet modal}} 

また、（ブートストラップを使用して）モーダルアウトレット内でテンプレートをレンダリングするアクション。

App.ApplicationRoute = Ember.Route.extend 

    actions: 
    openModal: (template, model) -> 
     @controllerFor(template).set('model', model) 
     @render template, into: 'application', outlet: 'modal' 

    closeModal: -> 
     @render '', into: 'application', outlet: 'modal' 

明らかに、私はリンク内からこのアクションを呼び出しています。

<a href="#" {{action openModal "person.edit" model}}>Edit</a> 

ここで、modelは、現在のルートのモデルです。

私はdidInsertElementにフックを入れ、ブートストラップモーダルを有効にします。このフックの中で、クローズボタンをクリックしてモーダルアウトレットをクリアすると、ブートストラップによって起動されるhidden.bs.modalイベントも聞きます。

App.PersonEditView = Ember.View.extend 

    didInsertElement: -> 
    @$('.modal').modal('show').on 'hidden.bs.modal', => 
     @get('controller').send('closeModal') 

私の質問は、私はそれがサーバー上で検証した後（ブートストラップのアニメーションを使用して）モーダルを閉じますsaveアクションを定義する方法、ありますか？表示されるイベントのシーケンスは、1）saveがコントローラでトリガされる、2）保存に成功した場合は、モーダルを閉じます（ビューから​​を呼び出す必要があります）。

Emberのエキスパートがここで示唆していることはわかりません。ビューとコントローラーが非常に緊密にコミュニケーションする必要があるようです。

ありがとうございます！ edpaezさんのコメントに応えて

---

EDIT

、私は、ビュー内からsaveによって返された約束を解決しようとしています。例えば、私のテンプレート

<button type="button" class="btn btn-primary" {{action "save" target="view"}}>Save</button> 

ビュー

App.PersonEditView = Ember.View.extend 
    actions: 
    save: -> 
     @get('controller').send('save').then(@closeModal.bind(@)) 

    closeModal: -> 
    @$('.modal').modal('hide') 

    # the rest omitted for brevity 

そして

App.PersonEditController = Ember.ObjectController.extend 
    actions: 
    save: -> 
     @get('model').save() 

は、私は次のエラーを取得するコントローラで

Uncaught TypeError: Cannot call method 'then' of undefined 

Answer 1

にsaveアクションをターゲットにしてください表示：

<button type="button" class="btn btn-primary" {{action "save" target="view"}}>Save</button> 

を呼び出し、コントローラでsaveメソッドを呼び出します。このメソッドは、モデルのsaveメソッドが解決されたときに解決される約束を返します。

App.PersonEditView = Ember.View.extend 
    actions: 
    save: -> 
     @get('controller').save().then(@closeModal.bind(@)) 

    closeModal: -> 
    @$('.modal').modal('hide') 


App.PersonEditController = Ember.ObjectController.extend 
    save: -> 
     @get('model').save() 

この方法では、コントローラは、モデルの保存ロジックを抽象化モデルが期待どおりに振る舞うことができるので、保存するときにビューが通知されます。

アクションを送信する代わりにコントローラでsaveメソッドを呼び出すことを確認してください。 sendメソッドは何も返しません。

希望すると助かります！