如何在Meteor中使用数组动态渲染多个模板
How to use an array to render dynamically multiple templates in Meteor?
我在使用助手中的数据渲染模板时遇到问题。
Template.bonus.helpers({
Userform: function(){
return UserForms.find({owner:Meteor.userId()});
},
warehouse: function(){
return Warehouse.find({});
},
DisplayForm: [
{ formname: "SW - Picking" },
{ formname: "SW - Packing" },
{ formname: "SW - Putaway" }
]
});
基本上,我只想实现这样的目标:
<div id="placeholder" class="col-md-8">
{{#each DisplayForm}}
{{> {{formname}} }} //Render 3 templates "SW - Picking","SW - ....
{{/each}}
</div>
我相信这相当容易,但我只需要正确的语法,这样我就可以使用来自helper的数据作为要渲染的模板的名称。
您可以使用{{> Template.dynamic template=template [data=data] }}
在Meteor中动态包含模板。
例如:
<body>
{{> bonus}}
</body>
<template name="bonus">
{{#each displayForm}}
{{> Template.dynamic template=formname }}
<br />
{{/each}}
</template>
<template name="picking">
Picking Template
</template>
<template name="packing">
Packing Template
</template>
<template name="putaway">
Putaway Template
</template>
if (Meteor.isClient) {
Template.bonus.helpers({
displayForm: [{
formname: "picking"
}, {
formname: "packing"
}, {
formname: "putaway"
}]
});
}
这是一个MeteorPad。
相关文章:
- 带有多个答案选项的Javascript动态数组窗口
- 在jquery中声明基于动态变量的动态数组
- 给出动态数组时出现 jsTree 错误
- 如何将元素添加到动态数组并排除现有元素
- Javascript关联动态数组
- 计算类元素的未知/动态数组长度
- AngularStrap Select和ng选项don'使用动态数组不能很好地工作
- 如何在Javascript中创建动态数组
- JavaScript 动态数组与对象和数组
- jQuery中的动态数组名称
- 如何映射输入字段的动态数组
- 在动态 JavaScript 对象(键/值对)中创建动态数组
- 如何将一个数组数据添加到多个动态数组中
- 构建菜单或组合框,数据存储在“动态”数组中
- 创建简单的动态数组
- AngularJS重复动态数组值
- 引导预类型不适用于从 php 页面检索的动态数组
- 基于用户在UI中输入的数字创建动态数组(绑定到网格)
- JavaScript-动态数组和循环
- 将ng单击绑定到动态数组上的ng重复