首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >mustache可以迭代顶级数组吗?

mustache可以迭代顶级数组吗?
EN

Stack Overflow用户
提问于 2011-06-29 13:53:55
回答 5查看 72K关注 0票数 111

我的对象看起来像这样:

代码语言:javascript
复制
['foo','bar','baz']

我想用一个小胡子模板来生成类似下面这样的东西:

代码语言:javascript
复制
"<ul><li>foo</li><li>bar</li><li>baz</li></ul>"

但是怎么做呢?我真的非得先把它塞进这样的东西里吗?

代码语言:javascript
复制
{list:['foo','bar','baz']}
EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-04-04 23:15:55

你可以这样做...

代码语言:javascript
复制
Mustache.render('<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>', ['foo','bar','baz']);

它也适用于这样的事情……

代码语言:javascript
复制
var obj = [{name: 'foo'}, {name: 'bar'}];
var tmp = '<ul>{{#.}}<li>{{name}}</li>{{/.}}</ul>';
Mustache.render(tmp, obj);
票数 174
EN

Stack Overflow用户

发布于 2011-12-03 01:49:47

今天早上我也遇到了同样的问题,经过一些实验,我发现可以使用{{.}}来引用数组的当前元素:

代码语言:javascript
复制
<ul>
  {{#yourList}}
  <li>{{.}}</li>
  {{/yourList}}
</ul>
票数 125
EN

Stack Overflow用户

发布于 2012-05-04 20:11:57

基于@danjordan的回答,这将做你想要的:

代码语言:javascript
复制
Mustache.render('<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>',['foo','bar','baz']);

正在返回:

代码语言:javascript
复制
<ul><li>foo</li><li>bar</li><li>baz</li></ul>
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6516297

复制
相关文章

相似问题

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