Mustache.js: iteracyjne nad listy odebranych za pośrednictwem json

Question

Powiel możliwe:
Mustache JS Template with JSON Collection

mam odpowiedzi json tak, że chcę korzystać z Mustache.js:

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

Jak wykonać iterację przy użyciu pliku mustache.js?

Answer 1

Znalazłem inny sposób robienia tego, który jest podobny do Geert-Jan, z tym że nie musisz przypisywać tablicy do obiektu JavaScript.

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

Answer 2

Sama tablica powinna być wartość w większym obiektu, tak jak poniżej:

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

Następnie można zrobić:

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

zastosowanie dla {{}} #bla faktycznie przeładowany . Kiedy właściwość, na którą działa, to tablica, którą zapętli. Gdy właściwość jest obiektem, to "wejdzie" w ten obiekt. Na twoim przykładzie:

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