如何使用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}}都没有成功。

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

Answer 1

来自the docs：

  

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

查看：

if (i > 32767)
    i -= 65536;

模板：

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

输出：

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

Answer 2

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

胡子模板已更新

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