Чи можуть вуси ітератувати масив верхнього рівня?

Мій об’єкт виглядає так:

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

У мене була така ж проблема сьогодні вранці, і після невеликого експерименту я виявив, що ви можете використовувати {{.}} Для позначення поточного елемента масиву:

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

Спираючись на відповідь @ danjordan, це зробить те, що ви хочете:

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

повернення:

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

Нижче наведено приклади візуалізації багатовимірного масиву в шаблоні:

Приклад 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>

Мені це здається серйозною проблемою з вусами - будь-яка система шаблонів повинна мати можливість перебирати список простих значень!