How to pass Reactive variables among different templates in Meteor?
I have 2 separate templates:
-
A simple version of @zim's answer is:
HTML (actually Spacebars)
{{> Child1 sharedVar1=sharedVar}} {{> Child2 sharedVar2=sharedVar}}JavaScript
import { ReactiveVar } from 'meteor/reactive-var'; // Just initialize the variable. Could also be within the scope of a template. var myReactiveVar = new ReactiveVar(); Template.Parent.helpers({ // This is what will be sent to Child1 and Child2. sharedVar: function () { return myReactiveVar; } }); Template.Child1.helpers({ myValue: function () { // As usual, this will be reactive. return Template.instance().data.sharedVar1.get(); } }); Template.Child2.events({ 'event selector': function (event, template) { // This change will trigger an autorun of Child1 myValue helper. template.data.sharedVar2.set(myNewValue); } });(of course you can split these into several JS files)
Example with a demo app using Meteor 1.6.1 and Blaze: https://github.com/ghybs/meteor-blaze-templates-share-data
加载中...
- 热议问题