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

Question

我正在使用 mustache 进行模板渲染，我遇到了这种情况：

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

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

呈现的HTML应该是

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

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

您可以在他们的 demo 上留小胡子。

Answer 1

来自the docs：

When looping over an array of strings, a . can be used to refer to the current item in the list.

查看：

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

模板：

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

输出：

* Athos
* Aramis
* Porthos
* D'Artagnan

Answer 2

答案是{{.}}！在 Unix 世界中，. 表示当前的、自我的。参见 Dot (command)

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

How can I render a plain array with mustache.js?