我有这部分代码:
{{#each cards}}
<div class="row-fluid">
<div class="card span4">
<p>{{content}}</p>
</div>
</div>
{{/each}}
设置它来做这样的事情是有问题的:
<div class="row-fluid">
<div class="card span4">
<p>{{content}}</p>
</div>
<div class="card span4">
<p>{{content}}</p>
</div>
<div class="card span4">
<p>{{content}}</p>
</div>
</div>
<div class="row-fluid">
<div class="card span4">
<p>{{content}}</p>
</div>
....
有人知道怎么做吗?(我知道我可以直接从Meteor.render()
渲染,但如果可能的话,我想避免它)
发布于 2014-02-22 07:29:20
尝试这个split
助手函数,它将一个array
拆分成子数组,每个子数组都有最多n
元素:
if (Meteor.isClient) {
Handlebars.registerHelper("split", function(array, n) {
var groups = _.groupBy(array, function(element, index) {
return Math.floor(index/n);
});
return _.toArray(groups);
});
}
{{#each split cards 3}}
<div class="row-fluid">
{{#each this}}
<div class="card span4">
<p>{{content}}</p>
</div>
{{/each}}
</div>
{{/each}}
注意,您的cards
助手函数必须返回一个数组才能工作,而不是返回一个集合游标。
https://stackoverflow.com/questions/21956079
复制相似问题