Bisakah kumis mengulang array tingkat atas?

Objek saya terlihat seperti ini:

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

Dan saya ingin menggunakan template kumis untuk menghasilkan sesuatu seperti ini:

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

Tapi bagaimana caranya? Apakah saya benar-benar harus mengubahnya menjadi sesuatu seperti ini dulu?

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

Anda bisa melakukannya seperti ini ...

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

Ini juga berfungsi untuk hal-hal seperti ini ...

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

Saya memiliki masalah yang sama pagi ini dan setelah sedikit percobaan saya menemukan Anda dapat menggunakan {{.}} Untuk merujuk ke elemen saat ini dari sebuah array:

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

Berdasarkan jawaban @ danjordan, ini akan melakukan apa yang Anda inginkan:

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

kembali:

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

Berikut adalah contoh untuk merender array multi-dimensi dalam sebuah template:

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

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

Untuk uji coba, simpan contoh di atas dalam file bernama 'test.js', jalankan perintah berikut di baris perintah

nodejs test.js

Saya tidak berpikir kumis bisa melakukan ini! (secara mengejutkan) Anda dapat mengulang daftar objek, lalu mengakses atribut dari setiap objek, tetapi Anda tidak dapat mengulang daftar nilai sederhana!

Jadi, Anda harus mengubah daftar Anda menjadi:

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

dan template Anda akan menjadi:

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

Bagi saya, ini sepertinya masalah yang parah dengan Mustache - sistem template apa pun harus dapat mengulang daftar nilai sederhana!