mustache - Mustache.js: json 経由で受け取ったリストを反復処理する

Question

重複の可能性:
JSON コレクションを使用した Mustache JS テンプレート

Mustache.js で使用したい次のような json 応答があります。

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

mustache.js を使用してこれを反復処理するにはどうすればよいですか?

Answer 1

配列自体は、次のように、より大きなオブジェクトの値である必要があります。

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

次に、次のことができます。

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

{{#bla}} の使用は実際にはオーバーロードされています。作用するプロパティが配列の場合、ループします。プロパティがオブジェクト自体である場合、そのオブジェクトに「入ります」。あなたの例を考えると：

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

Answer 2

これを行う別の方法を見つけました。これは、配列を Javascript オブジェクトに割り当てる必要がないことを除いて、Geert-Jan とかなり似ています。

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