回答:
このようにできます...
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);
{{.}}
、{{1}}
または口ひげ(5)で同様のもの。
今朝も同じ問題があり、少し実験したところ、{{。}}を使用して配列の現在の要素を参照できることがわかりました。
<ul>
{{#yourList}}
<li>{{.}}</li>
{{/yourList}}
</ul>
Mustache.render('<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>',['foo','bar','baz']);
Mustache.render('<ul>{{#.}}{{.}}{{/.}}</ul>', {yourList: ['foo','bar','baz']});
@danjordanの答えに基づいて、これはあなたが望むことをします:
Mustache.render('<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>',['foo','bar','baz']);
戻る:
<ul><li>foo</li><li>bar</li><li>baz</li></ul>
{a:'foo',b:'bar',c:'baz'}
オブジェクトに対しては機能しません。オブジェクトに対しては不可能です...
以下は、テンプレートで多次元配列をレンダリングする例です。
例1
'use strict';
var Mustache = require('mustache');
var view = {test: 'div content', multiple : ['foo', 'bar'], multiple_2 : ['hello', 'world']};
var template = '<div>{{test}}</div><ul>{{#multiple}}<li>{{.}}</li>{{/multiple}}</ul><ul>{{#multiple_2}}<li>{{.}}</li>{{/multiple_2}}</ul>';
var output = Mustache.render(template, view);
console.log(output);
例2
'use strict';
var Mustache = require('mustache');
var view = {test: 'div content', multiple : [{name: 'foo', gender: 'male'}, {name: 'bar', gender: 'female'}], multiple_2 : [{text: 'Hello', append: '**', prepend: '**'}, {text: 'World', append: '**', prepend: '**'}]};
var template = '<div>{{test}}</div><ul>{{#multiple}}<li>Hello my name is {{name}}. And I am {{gender}}</li>{{/multiple}}</ul><ul>{{#multiple_2}}<li>{{prepend}}_{{text}}_{{append}}</li>{{/multiple_2}}</ul>';
var output = Mustache.render(template, view);
console.log(output);
テストを実行するには、上記の例を「test.js」というファイルに保存し、コマンドラインで次のコマンドを実行します
nodejs test.js
口ひげがこれを行うことができるとは思わない!(驚くべきことに)オブジェクトのリストを反復処理してから、各オブジェクトの属性にアクセスできますが、単純な値のリストを反復処理することはできません。
したがって、リストを次のように変換する必要があります。
[ {"value":"foo"},{"value":"bar"},{"value":"baz"} ]
そしてあなたのテンプレートは次のようになります:
<ul>
{{#the_list}}
<li>{{value}}</li>
{{/the_list}}
</ul>
私には、これはMoustacheの深刻な問題のようです-どのテンプレートシステムも単純な値のリストをループできるはずです!
Mustache.render('<ul>{{#.}}<li>{{.}}</li>{{/.}}</ul>',['foo','bar','baz']);