ひげそりの反復でカウンタを設定する方法はありますか？

Question

私のようないくつかの反復と口ひげテンプレートレンダリングするコードがあります。

{{#items}} 
    some html code.... 
{{/items}} 

を私はそのように、反復にレンダリングされている項目の数を配置する：そこ

{{#items}} 
    This is the item [COUNTER-VAR] 
{{/items}} 

をこれを行うための何らかの方法です.. .. ??

Answer 1

あなたは口髭にハンドルバーの拡張子を使用し、カウンタをバンプするヘルパ関数を書くことができます。

ここで詳しい説明をします。 In Mustache, How to get the index of the current Section

Answer 2

ハンドルバーが不要になりました。あなたは現在の口ひげに高次のセクションを使うことができます。これらは、基本的に、セクションの内容を引数として関数を呼び出すことができます。そのセクションが反復の中にある場合、そのセクションは反復の各アイテムに対して呼び出されます。

このテンプレート（便宜上&明確にするためのスクリプトタグ内に保持）

<script type="text/html" id="itemview"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="3"> 
     <tbody> 
      {{#items}} 
       <tr> 
        <td>{{#count}}unused{{/count}}</td> 
        <td>{{.}}</td 
       </tr> 
      {{/items}} 
     </tbody> 
    </table> 
</script> 

...と、次のコードを考えると、あなたは、番号付きリストを作成することができます。

function buildPage(root) 
{ 
    var counter = 0; 
    var data = { 
     'items': [ 'England', 'Germany', 'France' ], 

     'count' : function() { 
      return function (text, render) { 
       // note that counter is in the enclosing scope 
       return counter++; 
      } 
     } 
    }; 

    // fetch the template from the above script tag 
    var template = document.getElementById('itemview').innerHTML; 
    document.getElementById("results").innerHTML = Mustache.to_html(template, data); 
} 

出力：反復内部 0イングランド 1ドイツ 2フランス

Answer 3

使用{{}} @Index。

{{#data}} 
    <p>Index is {{@index}}</p> 
{{/data}}