【问题标题】: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

    【讨论】:

      猜你喜欢
      • 2020-05-19
      • 2011-03-02
      • 1970-01-01
      • 2016-09-28
      • 2016-02-25
      • 1970-01-01
      • 2013-02-11
      • 1970-01-01
      • 2012-09-20
      相关资源
      最近更新 更多