javascript - Meteor - #数组的每次迭代，并在每个第 n 项后插入另一个 HTML 元素

Question

我正在使用 Blaze 使用 #each 迭代器迭代 Meteor 中的项目数组，并且我想在每个第 n(第 10)个项目之后插入一个 HTML 元素。我想我可以使用 @index 来访问我所在的数组的索引，但并不真正知道如何每 10 个元素插入另一个元素。

{{#each getArray}}
  <div class="item" data-value="{{someHelper @index}}">{{this}}</div>
{{/each}}

Answer 1

根据您的评论，您似乎想要创建一个自定义助手来返回 DOM 中是否应该有一个元素:

{{#each getArray}}
  <div class="item" data-value="{{someHelper @index}}">{{this}}</div>
  {{#if shouldAddDiv @index}}
    <div>I was after the 10th item!</div>
  {{/if}}
{{/each}}

Template.TemplateName.helpers({
  shouldAddDiv(index) {
    if(index % 10 === 0) {
      return true;
    } else {
      return false;
    }
  }
});

如果您不希望 div 出现在第一个元素之后，请将 index % 10 更改为 index % 9