如何使用流星SpaceBars模板和每行的行數渲染表格？

Question

如何在模板中渲染帶有流星空間條的表格{{#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++？

Answer 1

在你的幫助器，返回值的光標，而不是做一個collection.find()做一個collection.find().fetch()這會給你一個對象的數組，而不是一個遊標。然後簡單地通過.forEach()添加一個索引鍵！或者，您可以使用collection.map()，並在將光標映射到數組中時將該鍵直接添加到每個元素。 Docs