如何使用 mustache.js 渲染一个普通数组？答案

【问题标题】：How can I render a plain array with mustache.js?如何使用 mustache.js 渲染一个普通数组？
【发布时间】：2018-06-22 15:04:58
【问题描述】：

我正在使用 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 上使用小胡子。

【问题讨论】：

【解决方案1】：

来自the docs：

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

查看：

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

模板：

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

输出：

* Athos
* Aramis
* Porthos
* D'Artagnan

【讨论】：

【解决方案2】：

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

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

【讨论】：