How to pass Reactive variables among different templates in Meteor?
I have 2 separate templates:
-
for this scenario, i generally use a reactive variable owned by the parent, whose job it is to coordinate among its children. i would not use a global variable here.
below are the basics. Child1 sets the shared var and Child2 uses it. the parent owns it. Child1 and Child2 have no relationship to one another.
{{> Child1 sharedVarSetter=getSharedVarSetterFn}} {{> Child2 sharedVar=sharedVar}}JS:
Template.Parent.onCreated(function() { this.sharedVar = new ReactiveVar(); }); Template.Parent.helpers({ sharedVar() { return Template.instance().sharedVar.get(); }, getSharedVarSetterFn() { let template = Template.instance(); return function(newValue) { template.sharedVar.set(newValue); } } }); Template.Child1.onCreated(function() { this.sharedVarSetterFn = new ReactiveVar(Template.currentData().sharedVarSetter); });and somewhere in Child1 (helper, event handler, what have you):
let fn = template.sharedVarSetterFn.get(); if (_.isFunction(fn)) { fn(newValue); }here, i've shown just 1 shared var. but if you have multiple, a reactive dict could work the same way.
加载中...
- 热议问题