1. ホーム
  2. javascript

[解決済み] mustache はトップレベル配列を反復処理できますか?

2022-10-09 02:20:42

質問

私のオブジェクトは次のようなものです。

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

そして、そこからヒゲのテンプレートを使って、次のようなものを作りたい。

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

でも、どうやって?最初にこのようなものに加工する必要があるのでしょうか?

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

どのように解決するのですか?

次のようにすればよいでしょう。

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);