如何在模板中对数组中的元素进行分组

How to group elements in array in template

本文关键字:元素 数组      更新时间:2023-09-26

确切地说,我有一个元素14的数组,我想在模板中显示它们。我使用{{#each tasks}},但我想在前端将元素分组在一起,这样我就可以将task1task2分组在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}} 

希望这能帮助