有没有办法将变量传递到 Meteor 中的模板中?

2024-02-22

我一直在尝试 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>

也许我以错误的方式思考这个问题,并且有更好的方法。


以前的所有答案都太过分或过时了。从 Meteor 0.8.x 开始,您可以直接从 HTML+空格键代码将静态参数传递到模板中,如下所示:

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

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

你所要做的就是通过key="value"中的参数{{> template}}包含调用:

{{> slot number="1"}}

了解更多信息,请访问空格键的秘密:探索 Meteor 模板 https://www.discovermeteor.com/blog/spacebars-secrets-exploring-meteor-new-templating-engine/.


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

<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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法将变量传递到 Meteor 中的模板中? 的相关文章

随机推荐