ember 模态对话框不会关闭

【问题标题】：ember modal dialog wont closeember 模态对话框不会关闭
【发布时间】：2016-05-27 15:23:34
【问题描述】：

我使用了 ember-modal-dialog。我已将模式设置为关闭（根据 git 上的示例 - https://github.com/yapplabs/ember-modal-dialog）。但是当我点击背景时它并没有关闭。

应用程序.hbs

{{#if isShowingModal}}
  {{#modal-dialog close="toggleModal" targetAttachment="center" translucentOverlay=true}}
      abc
  {{/modal-dialog}}
{{/if}}

applications.js

export default Ember.Controller.extend({
    isShowingModal: false,
    actions: {
        showNavMenu: function() {
          this.toggleProperty('isShowingModal');
        }
    }
});

【问题讨论】：

标签： ember.js ember-cli

【解决方案1】：

您在单击模型的关闭按钮时触发“toggleModal”功能。作为您的代码，您定义showNavMenu 函数来切换属性isShowingModal 你的代码应该是 close = "showNavMenu" 所以点击关闭按钮这个函数调用并正确关闭模型。正确的代码是

{{#if isShowingModal}}
  {{#modal-dialog close="showNavMenu" targetAttachment="center" translucentOverlay=true}}
      abc
  {{/modal-dialog}}
{{/if}}

或将控制器中的函数名称从showNavMenu更改为toggleModal

【讨论】：