javascript - 有没有办法将变量传递给 Meteor 中的模板？

Question

我一直在试验 Meteor 并遇到了一些我无法弄清楚的事情。为了好玩，我试图制作一台老虎机。我有以下 HTML:

<div class="slot-wrapper">
  {{> slot}}
  {{> slot}}
  {{> slot}}
</div>

<template name="slot">
  <div class="slot">
    <div class="number"><span>{{ number }}</span></div>
    <div class="divider"></div>
  </div>
</template>

我想为每个插槽设置不同的编号。是否可以将变量传递到模板中？像这样:

<div class="slot-wrapper">
  {{> slot 1}}
  {{> slot 2}}
  {{> slot 3}}
</div>

<template name="slot">
  <div class="slot">
    <div class="number"><span>{{ number i}}</span></div>
    <div class="divider"></div>
  </div>
</template>

也许我的想法是错误的，但有更好的方法。

Answer 1

所有以前的答案都过时或过时了。从 Meteor 0.8.x 开始，下面是如何将静态参数直接从 HTML+Spacebars 代码传递到模板中:

<div class="slot-wrapper">
  {{> slot number="1"}}
  {{> slot number="2"}}
  ...
</div>

<template name="slot">
  <div class="number"><span>{{number}}</span></div>
</template>

您所要做的就是在 {{> template}} 包含调用中传递 key="value" 参数:

{{> slot number="1"}}

了解更多信息 Spacebars Secrets: Exploring Meteor Templates .

---

如果您想将调用者模板的数据传递给子/嵌套/被调用模板，请按以下步骤操作:什么都不传递。相反，从嵌套模板访问父数据上下文 ../:

<div class="slot-wrapper">
  {{> slot number="1"}}
  {{> slot number="2"}}
  ...
</div>

<template name="slot">
  <div>Machine name: {{../name}}</div>
  <div class="number"><span>{{number}}</span></div>
</template>