如何使用流星模板助手增加和顯示變量計數器？

Question

我有一個itemInCollection = new Meteor.Collection('stuff')集合，並且我使用itemInCollection.find()來獲取其中的所有項目。 現在，我遍歷結果光標以在模板中顯示name屬性。

<head>
  <title>hello</title>
</head>
<body>
  <h1>Welcome to Meteor!</h1>
  {{> hello}}
</body>

<template name="hello">
  <button>Click Me</button>
  {{#each item}}
     {{counter}} : {{name}}
  {{/each}}
</template>

現在我只想在名稱前代表一個數字，例如

 1. John
 2. Doe
 3. Darling

在助手功能中如何實現計數器 ？ 我嘗試了以下方法：

Template.hello.helpers({
  'item': function() {
    return itemInCollection.find();
  },
 'counter': function() {
   var counter = PrimerList.find().count(),
      arr = [];
    for (var i = 0; i < counter; i++) {
      arr.push( i + 1 );
    }
    return arr;
  }
});

在模板中，我這樣寫：

  {{#each item}}
      {{#each counter}} {{this}} {{/each}} : {{name}}
  {{/each}}

但這給了我像：

1 2 3 John
1 2 3 Doe
1 2 3 Darling

Answer 1

這是您可以執行的操作：

Template.hello.helpers({
    'item': function() {
        return itemInCollection.find().map(function(document, index) {
            document.index = index + 1;
            return document;
        });
    }
});

<template name="hello">
  <button>Click Me</button>
  {{#each item}}
     {{index}} : {{name}}
  {{/each}}
</template>

Answer 2

您可以在輔助程序中擴展項目，例如

items: function () {
    var counter = 0;
    return itemInCollection.find().map(function ( item ) { 
        return {
            name: item.name,
            counter: counter++
        };
    });
}

如何使用流星模板助手增加和顯示變量計數器？

問題描述

2 個解決方案

解決方案1
2 已采納 2015-08-10 18:28:44

解決方案2
0 2015-08-10 15:31:05

如何使用流星模板助手增加和顯示變量計數器？

問題描述

2 個解決方案

解決方案1 2 已采納 2015-08-10 18:28:44

解決方案2 0 2015-08-10 15:31:05

解決方案1
2 已采納 2015-08-10 18:28:44

解決方案2
0 2015-08-10 15:31:05