如何在我的 ember 视图中绑定到引导程序的模式事件？

Question

我正在使用 ember 视图来呈现我的应用程序的模式介绍，目前它看起来像这样：

views/modal.js

App.ModalView = Ember.View.extend({
    tagName: 'div',
    classNames: ['modal', 'fade'],
    templateName: 'modal',
    didInsertElement: function() {
        this.$().modal('show');
    }
});

controller/application.js

App.ApplicationController = Ember.ArrayController.extend({
    showModal: function() {
        var modal = App.ModalView.create();
        modal.append();
    }
});

modal.hbs 模板只是一些样板 html。

当我触发 showModal 函数时，我可以很好地显示模态，但是在模态关闭后我无法从 DOM 中删除视图，我正在尝试绑定到 hidden 事件但是我不知道怎么做，谁能指出我正确的方向？

Answer 1

我在现有应用中使用过这种方法，效果很好

App.ModalView = Ember.View.extend({
    templateName: "modal",
    title: "",
    content: "",
    classNames: ["modal", "fade", "hide"],
    didInsertElement: function() {
        this.$().modal("show");
        this.$().one("hidden", this._viewDidHide);
    },
    // modal dismissed by example clicked in X, make sure the modal view is destroyed
    _viewDidHide: function() {
        if (!this.isDestroyed) {
            this.destroy();
        }
    },
    // here we click in close button so _viewDidHide is called
    close: function() {        
        this.$(".close").click();
    }
});

这里我们监听hidden事件，当modal完全隐藏时触发，销毁对象。这很重要，因为以编程方式创建的调用view.append() 的视图不会被破坏。这种方法可以确保它。

这是jsfiddle的例子。