meteor - 在 meteor 中的集合中迭代时，是否有一种获取索引的方法？ [复制]

Question

This question already has answers here:

How can I get the index of an array in a Meteor template each loop?

(6个答案)


5年前关闭。




下面的示例将生成一个播放器名称列表，其中播放器是 MongoDB数据库中的数据集。

<template name="players">
  {{#each topScorers}}
    <div>{{name}}</div>
  {{/each}}
</template>

但是，我想连续显示其中四个，并且在打印了四个播放器之后，我想用 <hr />划分行，然后继续。例如，

<template name="players">
  {{#each topScorers}}
    <div style="float:left;">{{name}}</div>
    {{if index%4==0}}
      <hr style="clear:both;" />
    {{/if}
  {{/each}}
</template>

在遍历集合时如何做类似的事情？

最佳答案

为了保持集合的 react 性，另一种解决方案是将模板帮助程序与map cursor function一起使用。

这是一个示例，显示了如何将每个索引与集合一起使用时如何返回索引:

index.html:

<template name="print_collection_indices">
  {{#each items}}
    index: {{ this.index }}
  {{/each}}
</template>

index.js:

Items = new Meteor.Collection('items');

Template.print_collection_indices.items = function() {
  var items = Items.find().map(function(doc, index, cursor) {
    var i = _.extend(doc, {index: index});
    return i;
  });
  return items;
};

关于meteor - 在 meteor 中的集合中迭代时，是否有一种获取索引的方法？ [复制]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13329898/

上一篇：python-sphinx - 在狮身人面像文档中包含长网址

下一篇：ruby-on-rails - 未初始化的常量AssetSync

Answer 1

为了保持集合的 react 性，另一种解决方案是将模板帮助程序与map cursor function一起使用。

这是一个示例，显示了如何将每个索引与集合一起使用时如何返回索引:

index.html:

<template name="print_collection_indices">
  {{#each items}}
    index: {{ this.index }}
  {{/each}}
</template>

index.js:

Items = new Meteor.Collection('items');

Template.print_collection_indices.items = function() {
  var items = Items.find().map(function(doc, index, cursor) {
    var i = _.extend(doc, {index: index});
    return i;
  });
  return items;
};