Ember.js 如何在ember组件中简单地包装bootstrap 2模式对话框？

有一本官方食谱，用于使用使用组件的ember对话框：

我想做的是使用twitter引导2对话框

除了closeModal操作外，它确实起作用

我需要注册对调用关闭操作的引导事件“隐藏”的回调，但我的尝试没有成功

App.ModalDialogComponent = Ember.Component.extend({
    didInsertElement: function () {
        this.$('.modal').modal('show');
        this.$('.modal').on("hidden", function () {
            // how to trigger the close action from here ?
        });
    },
    actions: {
        close: function () {
            return this.sendAction();
        }
    }
});

以下是完整的JSFIDLE： 执行以下操作

App.ModalDialogComponent = Ember.Component.extend({
    didInsertElement: function () {
        self=this
        this.$('.modal').modal('show');
        this.$('.modal').on("hidden", function () {
            self.send('close')
        });
    },
    actions: {
        close: function () {
            return this.sendAction();
        }
    }
});

---

根本没有必要采取密切行动

这是一个正在工作的JSFIDLE，我只保留了必要的部分，并将WillDestroy元素添加到组件中：

---

谢谢，我确信这是我第一次尝试（呼叫self.send（'close'）！但我一定是做错了什么。。无论如何，我在另一个回复中添加了我正在使用的解决方案，以供参考。如果你读到这个问题，一定要看它。

App.ModalDialogComponent = Ember.Component.extend({
    didInsertElement: function () {
        var self = this;
        this.$('.modal').modal('show');
        this.$('.modal').on("hidden", function () {
            self.sendAction();
        });
    }
});