Mustache, üst düzey bir diziyi yineleyebilir mi?

Nesnem şuna benziyor:

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

Ve bunun gibi bir şey üretmek için bir bıyık şablonu kullanmak istiyorum:

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

Ama nasıl? Bunu önce gerçekten böyle bir şeye dönüştürmem gerekiyor mu?

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

Böyle yapabilirsin ...

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

Bunun gibi şeyler için de işe yarar ...

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

Bu sabah da aynı sorunu yaşadım ve küçük bir deneyden sonra, bir dizinin geçerli öğesine başvurmak için {{.}} Kullanabileceğinizi keşfettim:

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

@ Danjordan'ın cevabına dayanarak, bu istediğinizi yapacak:

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

dönen:

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

Aşağıda, bir şablonda çok boyutlu dizi oluşturmak için örnekler verilmiştir:

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

Örnek 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 çalışması için, yukarıdaki örnekleri 'test.js' adlı dosyaya kaydedin, komut satırında aşağıdaki komutu çalıştırın

nodejs test.js

Bıyığın bunu yapabileceğini sanmıyorum! (şaşırtıcı bir şekilde) Bir nesne listesi üzerinde yineleme yapabilir ve ardından her nesnenin özniteliklerine erişebilirsiniz, ancak basit bir değerler listesi üzerinde yineleme yapamazsınız!

Yani, listenizi şuna dönüştürmelisiniz:

[ {"value":"foo"},{"value":"bar"},{"value":"baz"} ] 

ve sonra şablonunuz şöyle olur:

<ul>
  {{#the_list}}
  <li>{{value}}</li>
  {{/the_list}}
</ul>

Bana göre, bu Mustache ile ilgili ciddi bir sorun gibi görünüyor - herhangi bir şablon sistemi basit değerler listesi üzerinde döngü yapabilmelidir!