如何在模板中对数组中的元素进行分组
How to group elements in array in template
确切地说,我有一个元素14的数组,我想在模板中显示它们。我使用{{#each tasks}}
,但我想在前端将元素分组在一起,这样我就可以将task1
和task2
分组在div
中,然后将3 & 4
分组在另一个div中,依此类推
{{#each tasks}}
<div class="task-group">
{{task 1}}
{{task 2}}
</div>
{{/endeach}}
我怎么能在《流星》里这样做呢。
我知道这可能会很晚,但对于那些想完成这项任务的人来说。后来,我从使用ruby on rails的经验中发现了这一点。
首先,你的助手定义了一个类似的函数
splittedArray: function () {
let items = Collection.find().fetch()
let size = 2;
let arrays = [];
while (items.length > 0)
arrays.push(items.splice(0, size));
return arrays
}
其中size
是您想要在组中的项目数量
返回的值将是一个在内有多个数组的数组
你现在可以在你的火焰模板中识字,就像这个一样简单
{{#each splittedArray}}
{{#each this}}
{{name}}
{{/each}}
{{/each}}
希望这能帮助
相关文章:
- 在函数中添加数组元素的数值
- 访问JSON对象内部的数组元素
- 用于检查数组中是否存在元素的javascript自定义方法
- 在数组中的一个元素上设置多个值
- 从组件状态的数组中删除元素
- Mongoose-在更新中删除数组元素
- 从数组中删除元素的最佳方法是:javascript/jquery
- 数组中元素(字符串)的总和
- javascript数组元素是否知道其封闭数组
- 查找数组javascript中包含的元素类型
- 如何在javascript上向数组的对象添加新元素
- 如果数组仍在执行,async.forEach()将运行我添加到数组中的新元素
- 使用filter和map方法将数组中某些元素的第一个字母大写-JavaScript
- 一些元素没有从数组中删除
- JS.循环遍历多维数组,以计数元素在每列中的出现次数
- 将数组元素附加到FormData dos'不适用于Firefox 15
- 元素不会添加到Javascript数组中
- 如何从另一个带下划线的数组中筛选带元素的数组
- 如何将函数应用于两个数组的第 n 个元素(数组的数组)
- Js接受两个值之间的元素(数组)