28

有一个像下面这样的数组

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

模板应该如何使用 mustache.js javascript 模板。我在下面试过但没有线索

  • {{#}}{{key}}{{/}}
4

1 回答 1

73

文档中:

当循环一个字符串数组时,一个 . 可用于引用列表中的当前项目。

模板:

{{#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>

于 2012-04-07T16:57:40.150 回答