有一个像下面这样的数组
var arrNames = ["Stackoverflow","StackExchange","Webmaster","Programmers"];
模板应该如何使用 mustache.js javascript 模板。我在下面试过但没有线索
{{#}}{{key}}{{/}}
从文档中:
当循环一个字符串数组时,一个 . 可用于引用列表中的当前项目。
模板:
{{#musketeers}} * {{.}} {{/musketeers}}
看法:
{“火枪手”:[“阿托斯”,“阿拉米斯”,“波尔托斯”,“达达尼昂”]}
输出:
- 阿托斯
- 阿拉米斯
- 波尔托斯
- 达达尼昂
var tpl = document.getElementById('simple').innerHTML,
view = {
items: ['Stackoverflow', 'StackExchange', 'Webmaster', 'Programmers']
};
document.getElementById('output').innerHTML = Mustache.to_html(tpl, view);
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.js"></script>
<script type="template" id="simple">
<h1>Array Values</h1>
<ul>
{{#items}}
<li>{{.}}</li>
{{/items}}
</ul>
</script>
<div id="output"></div>