ember 模态对话框不会关闭

Question

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

application.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');
        }
    }
});

Answer 1

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

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

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

ember 模态对话框不会关闭

ember modal dialog wont close

ember.js

ember-cli