使用{{#each}}显示行号

时间:2016-11-14 22:47:19

标签: meteor meteor-blaze

我试图计算表格中的每一行。每个表行都是一个新集合。下面的代码计算集合的总数并显示它。如何更改它以显示行号。

路径:calc.js

SalaryCalculator: function () {
    return SalaryCalculator.find({});
},
SalaryCalculatorCount: function () {
    return SalaryCalculator.find({}).count();
}

路径:calc.html

{{#each SalaryCalculator}}
    <tr>
        <th scope="row">{{SalaryCalculatorCount}}</th>
        <td>{{specialisation}}</td>
        <td>{{subSpecialisation}}</td>
        <td>{{positionTitle}}</td>
        <td>{{yearsOfExperience}}</td>
        <td>{{salary}}</td>
    </tr>
{{/each}}

1 个答案:

答案 0 :(得分:0)

这是帮助者

SalaryCalculator: function () {
    var count = 1;
    var salCalDetails = SalaryCalculator.find({});
    salCalDetails.forEach(function(doc){
         doc.rowCount = count;
         count++;
    });
    return salCalDetails;
},
{{#each SalaryCalculator}}
<tr>
    <th scope="row">{{rowCount}} </th>
    <td>{{specialisation}}</td>
    <td>{{subSpecialisation}}</td>
    <td>{{positionTitle}}</td>
    <td>{{yearsOfExperience}}</td>
    <td>{{salary}}</td>
</tr>
{{/each}}

或者,如果你按照@Michel Floyd给出的答案,那么你也需要这个答案https://stackoverflow.com/a/22103990/3422755因为{{@index}}会给你起始编号为0