Ria mép có thể lặp lại một mảng cấp cao nhất không?

Đối tượng của tôi trông như thế này:

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

Và tôi muốn sử dụng một mẫu ria mép để tạo ra từ nó một cái gì đó như thế này:

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

Nhưng bằng cách nào? Tôi có thực sự phải biến nó thành một thứ như thế này trước không?

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

Bạn có thể làm như thế này ...

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

Nó cũng hoạt động cho những thứ như thế này ...

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

Tôi đã gặp vấn đề tương tự vào sáng nay và sau một chút thử nghiệm, tôi phát hiện ra bạn có thể sử dụng {{.}} Để tham chiếu đến phần tử hiện tại của một mảng:

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

Dựa trên câu trả lời của @ danjordan, điều này sẽ làm những gì bạn muốn:

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

trở lại:

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

Sau đây là các ví dụ để hiển thị mảng đa chiều trong một mẫu:

ví dụ 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);

Ví dụ 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);

Để chạy thử nghiệm, hãy lưu các ví dụ trên trong tệp có tên 'test.js', chạy lệnh sau trong dòng lệnh

nodejs test.js

Tôi không nghĩ ria mép có thể làm được điều này! (đáng ngạc nhiên là) Bạn có thể lặp qua một danh sách các đối tượng, rồi truy cập các thuộc tính của từng đối tượng, nhưng dường như bạn không thể lặp qua một danh sách các giá trị đơn giản!

Vì vậy, bạn phải chuyển đổi danh sách của mình thành:

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

và sau đó mẫu của bạn sẽ là:

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

Đối với tôi, đây có vẻ là một vấn đề nghiêm trọng với Mustache - bất kỳ hệ thống mẫu nào cũng có thể lặp lại danh sách các giá trị đơn giản!