我一直在尝试 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(使用前将#替换为@)