javascript - meteor 将模态点击事件的值传递给父模板

Question

我正在尝试在 Meteor 中制作一个可重复使用的确认模态。我有模式在打开和显示内容的意义上工作。我的想法是我可以在任何地方使用它，如果用户单击确认，它将返回一个值，然后我可以运行我选择的任何服务器端方法。确认模板js很简单，看起来像这样:

Template.confirm.events({
  'click .confirm': function() {
    // I want to let the template that opened the modal know the user has confirmed. How do I pass this information?
  },
  'click .cancel': function() {
    //Close the modal
  }
});

我知道有一些解决方案，例如甜蜜警报，但我正在为我的 UI 使用 Zurb Foundation，并希望将所有内容都保留在该框架内以实现一致性和控制。谁能帮我指出正确的方向？

非常感谢。

Answer 1

没有标准的方法来解决这个问题，但我建议将模态传递给 reactiveVar您在模式之外观察并在 reactiveVar 时触发您的服务器端方法更改为您想要的值。一些框架代码可能如下所示:

html

{{> confirm triggerVar=myReactiveVar}}

模态JS

Template.confirm.events({
  'click .confirm': function() {
    this.triggerVar.set(true);
  },
  'click .cancel': function() {
    this.triggerVar.set(false);
  }
});

在你的 Controller 中

Template.someTemplate.onCreated(function() {
  this.myReactiveVar = new ReactiveVar();
})

Template.someTemplate.onRendered(function() {
    // observe changes on your fancy reactiveVar
    this.autorun(() => {
        if (this.myReactiveVar.get() === true) {
            // fire whatever server-side action you want
        }
    })
})