胡子可以迭代顶级数组吗？

javascript mustache

2022-08-30 05:32:52

我的对象如下所示：

['foo','bar','baz']

我想使用一个胡子模板从中产生这样的东西：

"<ul><li>foo</li><li>bar</li><li>baz</li></ul>"

但是如何做到呢？我真的必须先把它嚼成这样的东西吗？

{list:['foo','bar','baz']}

答案 1

你可以这样做...

Mustache.render('<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>', ['foo','bar','baz']);

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

var obj = [{name: 'foo'}, {name: 'bar'}];
var tmp = '<ul>{{#.}}<li>{{name}}</li>{{/.}}</ul>';
Mustache.render(tmp, obj);

答案 2

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

<ul>
  {{#yourList}}
  <li>{{.}}</li>
  {{/yourList}}
</ul>