如何使用Mustache.Js渲染简单的数组?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (127)

具有如下所示的数组

var arrNames = ["Stackoverflow","StackExchange","Webmaster","Programmers"];

如何使用mustache.js javascript模板来查找模板,我试过了,但没有线索

  • {{#}}{{key}}{{/}}
提问于
用户回答回答于

文档

在循环一个字符串数组时,a。可以用来引用列表中的当前项目。 模板: {{#musketeers}} * {{。}} {{/ musketeers}} 视图: {“火枪手”:[“阿索斯”,“阿拉米斯”,“Porthos”,“D'Artagnan”]} 输出:

  • Athos
  • Aramis
  • Porthos
  • D'Artagnan
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>

扫码关注云+社区

领取腾讯云代金券