我使用烬与成员-模态-对话框包。是否有方法将模型传递到关闭操作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}

是否有一种方法可以将模型从上面的close标记传递到cancelAlarmEdit？我很难从https://github.com/yapplabs/ember-modal-dialog上找到相关的信息。

Answer 1

我很确定这会奏效的：

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

实际上，{{action}}助手非常类似于Javascripts 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属性。

如果您不能成功地进行扩展，那么编写您自己的模态组件就不难了。