json - 用小胡子遍历 JSON 数组

Question

我是 Mustache 的新手，请多多包涵:)

我的 JSON 中有一个数组

"prop":{"brands":["nike","adidas","puma"]}

如果我有这样的模板

{{#prop}}
 <b>{{brands}}</b>
{{prop}}

我想得到类似的东西：

<b>nike</b>
<b>adidas</b>
<b>puma</b>

我知道数组中的元素不是哈希键值对，但是我想知道 mustache 中是否有可以遍历元素的方法。

谢谢！

Answer 1

这是一个工作小提琴：http: //jsfiddle.net/Qa4UX/

基本上，您需要遍历brands 数组。由于您的数组是原始的并且内部没有对象，因此您必须像这样引用每个字符串：

{{#props}}
  <ul>
  {{#brands}}
    <li>
    {{#.}}
        <b>{{.}}</b>
    {{/.}}
    </li>
  {{/brands}}
  </ul>
{{/props}}

您还可以在这里找到更多示例：https ://github.com/janl/mustache.js#mustachejs---logic-less-mustache-templates-with-javascript

Answer 2

这有效

{{#json.props.brands}}
<h1>{{.}}</h1>
{{/json.props.brands}}

{{.}}在遍历字符串数组时，.可以使用 a 来引用列表中的当前项。

Answer 3

mustache 是无逻辑的，因此在其中编写自己的迭代/循环是不可能的。不过，转换 JSON 很容易。例如：

var json = '{"prop":{"brands":["nike","adidas","puma"]}}';
var obj = JSON.parse(json);
var data = {brands: obj.prop['brands'].map(function(x){ return {name: x}; })};

为您提供一个data可与模板一起使用的变量：

{{#brands}}
  <b>{{name}}</b>
{{/brands}}