Ember.js 余烬模式对话框无法关闭

我使用了余烬模态对话框。我已将模式设置为关闭（根据git-）上的示例）。但当我单击背景时，它不会关闭

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

单击模型的“关闭”按钮即可触发“

toggleModal

”功能。作为您的代码，您可以定义

showNavMenu

函数来切换属性

isShowingModal

您的代码应该是close=“showNavMenu”，因此单击close按钮，该函数将被调用，模型将正确关闭。 正确的代码是

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

或者将控制器中的功能名称从

showNavMenu

更改为

toggleModal

，单击模型的关闭按钮即可触发“

toggleModal

”功能。作为您的代码，您可以定义

showNavMenu

函数来切换属性

isShowingModal

您的代码应该是close=“showNavMenu”，因此单击close按钮，该函数将被调用，模型将正确关闭。 正确的代码是

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

或者将控制器中的功能名称从

showNavMenu

更改为

toggleModal