如何使用 Meteor 空格键模板和每行的行号渲染表格？答案

【问题标题】：How Do I Render Table With Meteor Spacebars Template and Row Number For Each Row?如何使用 Meteor 空格键模板和每行的行号渲染表格？
【发布时间】：2015-11-21 07:22:15
【问题描述】：

如何在模板中呈现带有流星空格键 {{#each}} 的表格，并为每一行在第一列中添加行号，如下所示：

| |标题 |内容标题 |

| 1 |第一个标题 |第一个内容|

| 2 |第二个标题|第二个内容|

| 3 |第三个标题|第三个内容 |

这是我现在的每个代码：

<table class="table table-bordered table-hover">
    <thead>
    <tr>
        <th></th>
        <th>title</th>
        <th>content</th>
    </tr>
    </thead>
    <tbody>
        {{#each posts}}
            <tr>
            <td>
                *** need index for each row in this column ***
            </td>
            <td>
                {{ title }}
            </td>
            <td>
                {{ content }}
            </td>
            </tr>
        {{/each}}
    </tbody>
</table>

有没有办法在{{#each}} 中获取数组索引或在每次迭代中定义名为index 和index++ 的额外属性？

【问题讨论】：

标签： javascript meteor html-table spacebars

【解决方案1】：

在返回值游标的帮助器中，而不是仅仅执行collection.find() 执行collection.find().fetch() 这将为您提供对象数组而不是游标。然后只需通过 .forEach() 添加一个索引键！或者您可以使用collection.map() 并在将光标映射到数组时直接将键添加到每个元素。 Docs

【讨论】：

感谢您的重播。我认为这是可行的，但我的收藏有很多文档，而且一个额外的 forEach() 仅用于添加索引对我来说很昂贵。是否可以在没有额外逻辑的情况下在模板中处理这个？这是基本任务，我认为车把应该能够做到这一点，但是如何做到这一点？
如果您有很多文档，那么无论如何您都可能会实现分页，在这种情况下，您每次只会循环少量文档。 Node.js 在这种操作上速度非常快。