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

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

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

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

ember模态对话框不会关闭

1 个答案: