2012-04-06 6 views
18

Avere una matrice come qui di seguitoRender semplice array utilizzando Mustache.Js

var arrNames = ["Stackoverflow","StackExchange","Webmaster","Programmers"];

come dovrebbe un'occhiata modello per lavorare con mustache.js javascript modello. Ho provato inferiore ma indizi

  • {{#}}{{key}}{{/}}

risposta

52

Dal documentation:

Quando ciclare su un array di stringhe, a. può essere utilizzato per fare riferimento alla voce corrente nell'elenco.

Template:

{{}} #musketeers * {{}}. {{ /moschettieri}}

Vista:

{ "moschettieri ": [" Athos "," Aramis "," Porthos "," D'Artagnan "] }

uscita:

  • Athos
  • Aramis
  • Porthos
  • D'Artagnan

var tpl = document.getElementById('simple').innerHTML, 
 
    view = { 
 
    items: ['Stackoverflow', 'StackExchange', 'Webmaster', 'Programmers'] 
 
    }; 
 

 
document.getElementById('output').innerHTML = Mustache.to_html(tpl, view);
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.js"></script> 
 
<script type="template" id="simple"> 
 
    <h1>Array Values</h1> 
 
    <ul> 
 
    {{#items}} 
 
    <li>{{.}}</li> 
 
    {{/items}} 
 
    </ul> 
 
</script> 
 

 
<div id="output"></div>

+0

Ottima risposta! Ho faticato a trovarlo. –

+0

Il violino sembra non emettere nulla. –

+1

@DenisKniazhev aggiornato per includere lo snippet eseguibile qui invece di jsFiddle – maxbeatty