如何在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);
    }
}

有没有其他方法来捕捉流星js中模态的关闭/打开

Answer 1

正确的语法是:

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

看到这个meteorpad.

Answer 2

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