Mustache.js: iterare su una lista ricevuto tramite JSON

Question

Eventuali duplicati:
Mustache JS Template with JSON Collection

ho una risposta JSON come questo che voglio usare con Mustache.js:

[ 
    {"id": "1", "details": {"name": "X", "type":"Y" }}, 
    {"id": "2", "details": {"name": "aName", "type":"something" }} 
] 

Come si esegue iterare su questo utilizzando mustache.js?

Answer 1

ho trovato un altro modo di fare questo che è abbastanza simile a Geert-Jan eccezione del fatto che non c'è bisogno di assegnare la matrice a un oggetto Javascript.

{{ #. }} 
    <p> {{ id }} </p> 
    <ul> {{#details}} 
     {{name }} 
     {{ type }} 
    {{/details}} 
    </ul> 
{{ /. }} 

Answer 2

L'array stesso dovrebbe essere un valore in un oggetto più grande, in questo modo:

var obj = { 
    arr: [ 
    {"id": "1", "details": {"name": "X", "type":"Y" }}, 
    {"id": "2", "details": {"name": "aName", "type":"something" }} 
    ] 
} 

Poi si può fare:

{{#arr}} 
    my id: {{id}} 
{{/arr}} 

l'uso di {{}} #bla è effettivamente sovraccarico . Quando la proprietà su cui agisce è una matrice che verrà ripetuta. Quando la proprietà è un oggetto stesso, "entrerà" in quell'oggetto. Dato il tuo esempio:

{{#arr}} 
    my id: {{id}} <br/> 
    {{#details}} 
    and my name: {{name}} 
    {{/details}} 
{{/arr}}