在Meteor中从另一个模板获取响应式变量

Question

我在Meteor中有一个带有一些嵌套模板的模板：

<template name="collectingTmpl">
  {{> firstTmpl}}
  {{> secondTmpl}}
</template>

如果我在firstTmpl中设置了一个响应式变量/字典

Template.firstTmpl.events({
  'click .class-name': function(event, template) {
    template.state = new ReactiveDict;
    template.state.set('someName', 'someValue');
  }
});

我可以在同一模板中使用以下代码获取这个值：

Template.firstTmpl.helpers({
  myValue: function() {
    Template.instance().state.get('someName');
  }
});

但我是否可以从secondTmpl中检索出在firstTmpl中设置的值呢？

我的意思是像这样：

Template.secondTmpl.helpers({
  myValueFromAnotherTmpl: function() {
    Template.firstTmpl.state.get('someName');
  }
});

- mortensen

Answer 1

您可以选择将ReactiveDict设置在父模板上，即collectingTmpl上。

// always initialize your template instance properties
// in an onCreated lifecycle event
Template.collectingTmpl.onCreated(function(){
  this.firstTmplState = new ReactiveDict();
});

然后，您可以使用以下代码在子模板中获取对此模板实例属性的引用：

Template.firstTmpl.onCreated(function(){
  // warning, this line is depending on how many parent templates
  // the current template has before reaching collectingTmpl
  var collectingTmplInstance = this.view.parentView.templateInstance();
  this.firstTmplState = collectingTmplInstance.firstTmplState;
});

Template.secondTmpl.onCreated(function(){
  var collectingTmplInstance = this.view.parentView.templateInstance();
  this.firstTmplState = collectingTmplInstance.firstTmplState;
});

然后您可以在任何一个模板中使用标准的Template.instance().firstTmplState语法，它们始终指向作为collectingTmpl属性定义的同一个ReactiveVar实例。

- saimeunt

Answer 2

如果你在处理blaze的当前问题（缺少数据上下文）时小心，你可以通过Template.parentData()访问其他模板变量。

请参考这个MeteorPad作为演示，当按下按钮时，每个玩家的背景颜色都会改变。颜色由他们的父模板定义：

http://meteorpad.com/pad/zoiAvwuT3XXE5ruCf/Leaderboard_Template_parentData_Bug

您也可以在GitHub PullRequest上阅读我建议的一些更新内容。

https://github.com/meteor/meteor/pull/4797

干杯
Tom

- Tom Freudenberg