Mustache.js:遍历通过 json 接收的列表

Question

可能的重复项：
带有 JSON 集合的胡须 JS 模板

我有一个这样的 json 响应，我想与 Mustache 一起使用.js：

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

如何使用小胡子.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

我找到了另一种方法，它与Geert-Jan非常相似，只是您不必将数组分配给Javascript对象。

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