emberとember-modal-dialogパッケージを使用しています。私はモデルをcloseaction cancelAlarmEditに渡す方法があるのだろうかと思います。

Question

{{#each alarms as |alarm|}} 
    {{if alarm.isEditing}} 
    {{#modal-dialog translucentOverlay=true close="cancelAlarmEdit"}} 
     //this works down here 
     <button type="btn btn-danger" {{action 'cancelAlarmEdit' alarm}}</button> 
    {{/modal-dialog}} 
    {{else}} 
    {{/if}} 
{{/each} 

上記の終了タグからcancelAlarmEditにモデルを渡す方法はありますか？私はhttps://github.com/yapplabs/ember-modal-dialogから関連する情報を見つけるのが難しかった。

Answer 1

私は、これは動作するはずかなり確信している：

{{#modal-dialog close=(action 'cancelAlarmEdit' alarm)}} 

実は{{action}}ヘルパーはジャバスクリプトbindにかなり似ています。

Answer 2

私は、このアドオンのソースコードでも、ドキュメントにもそのような機能は表示されません。あなたはのこのアドオンに基づいて、新しいコンポーネントを作成しようとする場合があります。

// app/components/modal-dialog.js 
import ModalDialog from 'ember-modal-dialog/components/modal-dialog'; 

export default ModalDialog.extend({ 
    actions: { 
    close() { 
     this.sendAction('close', this.get('closeParam')); 
    } 
    } 
}); 

テンプレートでは、あなたがcloseParam属性を渡すことができるはずです。

拡張に成功しない場合は、独自のモーダルコンポーネントを作成するのは難しくありません。