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

时间:2018-06-22 15:04:58

标签: javascript html json mustache

我正在使用胡须进行模板渲染,并且遇到这种情况:

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

2 个答案:

答案 0 :(得分:1)

来自the docs

  

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

查看:

if (i > 32767)
    i -= 65536;

模板:

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

输出:

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

答案 1 :(得分:1)

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

胡子模板已更新

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