Mustache.js: eine Liste iterieren über json erhielt

Question

Mögliche Duplizieren:
Mustache JS Template with JSON Collection

ich eine JSON-Antwort wie diese, die ich mit Mustache.js verwenden möchten:

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

Wie kann ich mit mustache.js darüber iterieren?

Answer 1

fand ich eine andere Art und Weise, dies zu tun, die ziemlich ähnlich ist Geert-Jan außer, dass Sie das Array in ein Javascript-Objekt nicht zuordnen.

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

Answer 2

Das Array selbst einen Wert in einem größeren Objekt sein sollte, etwa so:

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

Dann können Sie tun:

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

die Verwendung für {{}} #bla tatsächlich überlastet . Wenn die Eigenschaft, auf die es einwirkt, ein Array ist, wird es eine Schleife bilden. Wenn die Eigenschaft selbst ein Objekt ist, wird sie dieses Objekt "betreten". Gegeben Ihr Beispiel:

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