如何在meteor js中捕获bootstrap模态打开/关闭事件

Question

我正在尝试捕获meteor js中的bootstrap模态打开/关闭事件以进行一些自定义检查。我知道如何在jquery中做到这一点：

$('#videoCallModal').on('shown.bs.modal', function () {
  // do something…
})

但是因为我也想引用上下文（这个对象），我想在Template.template.events中进行。

我试过类似的东西，但没有调用该函数：

Template.videoCall.events = {
    'on #videoCallModal shown.bs.modal': function(e){
        e.preventDefault();

        console.log("modal open", this);
    }
}

还有其他方法来捕捉meteor js中模态的关闭/打开

Answer 1

正确的语法是：

Template.videoCall.events({
  'shown.bs.modal #videoCallModal': function(e){
    /* ... */
  }
});

请参阅此meteorpad。

Answer 2

我创建了peppelg:bootstrap-3-modal来提供一种处理Meteor中模态的简单方法。有了它，您可以使用created和destroyed回调（就像您在Meteor中习惯的那样！），而不是开启和关闭事件。