C'è un modo per impostare un contatore in un'iterazione dei baffi?

Question

Ho un codice che rende un modello baffi con alcune iterazioni come:

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

ma voglio mettere in l'iterazione il numero di elemento che è resa, come quella:

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

Ci è un modo per eseguire questo .. ??

Answer 1

è possibile utilizzare l'estensione del manubrio sui baffi e scrivere una funzione di supporto che fa scattare un contatore.

Ho messo più spiegazioni qui. In Mustache, How to get the index of the current Section

Answer 2

Manubri non più necessari. Puoi usare le sezioni di alto ordine nei baffi attuali. Questi in pratica consentono di chiamare una funzione con il contenuto della sezione come argomento. Se quella sezione è all'interno di un'iterazione, verrà chiamata per ogni elemento in una iterazione.

Dato questo modello (conservato in un tag script per comodità & chiarezza)

<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> 

... e il seguente codice, si può costruire un elenco numerato.

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); 
} 

uscita: 0 England 1 Germania 2 Francia

Answer 3

Usa {{}} @index all'interno iterazione.

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