首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Mustache.Js呈现简单数组

使用Mustache.Js呈现简单数组
EN

Stack Overflow用户
提问于 2012-04-06 23:42:13
回答 1查看 25.7K关注 0票数 28

具有如下数组

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

使用mustache.js javascript模板时,模板应该是什么样子。我在下面试过了,但没有线索

  • {{#}}{{key}}{{/}}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-04-08 00:57:40

documentation

当循环遍历字符串数组时,

。可用于引用列表中的当前项。

模板:

{{#火枪手}}* {{.}} {{/musketeers}}查看:

{“”:"Athos","Aramis","Porthos",“D‘Aramis”}输出:

  • Athos
  • Aramis
  • Porthos
  • D'Artagnan

代码语言:javascript
复制
var tpl = document.getElementById('simple').innerHTML,
  view = {
    items: ['Stackoverflow', 'StackExchange', 'Webmaster', 'Programmers']
  };

document.getElementById('output').innerHTML = Mustache.to_html(tpl, view);
代码语言:javascript
复制
<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>

票数 73
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10045768

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档