如何使用mustache.js渲染纯数组？

Question

我使用胡须进行模板渲染，因此遇到这种情况：

JSON格式

{
  "header": "Colors",
  "colors": ["red", "green", "blue"]
}

小胡子模板

<h1>{{header}}</h1>
<ul>
{{#colors}}
    <li>{{???}}</li>
{{/colors}}
</ul>

的HTML

呈现的HTML应该是

<h1>Colors</h1>
<ul>
    <li>red</li>
    <li>green</li>
    <li>blue</li>
</ul>

{{???}}应该是什么？ 到目前为止，我尝试了{{this}} ， {{colors}}和{{color}}没有成功。

您可以在他们的演示上使用胡须。

Answer 1

从文档 ：

当遍历字符串数组时，一个。 可用于引用列表中的当前项目。

视图：

{
  "musketeers": ["Athos", "Aramis", "Porthos", "D'Artagnan"]
}

模板：

{{#musketeers}}
* {{.}}
{{/musketeers}}

输出：

* Athos
* Aramis
* Porthos
* D'Artagnan

Answer 2

答案是{{.}} ！ 在Unix世界中. 表示当前的自我。 参见点（命令）

小胡子模板已更新

<h1>{{header}}</h1>
<ul>
{{#colors}}
    <li>{{.}}</li>
{{/colors}}
</ul>