La moustache peut-elle parcourir un tableau de niveau supérieur?

Mon objet ressemble à ceci:

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

Et je veux utiliser un modèle de moustache pour en produire quelque chose comme ceci:

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

Mais comment? Dois-je vraiment le brancher dans quelque chose comme ça d'abord?

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

Vous pouvez le faire comme ça ...

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

Cela fonctionne aussi pour des choses comme ça ...

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

J'ai eu le même problème ce matin et après une petite expérimentation, j'ai découvert que vous pouvez utiliser le {{.}} Pour faire référence à l'élément actuel d'un tableau:

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

En vous basant sur la réponse de @ danjordan, cela fera ce que vous voulez:

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

retour:

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

Voici les exemples pour rendre un tableau multidimensionnel dans un modèle:

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

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

Pour le test, enregistrez les exemples ci-dessus dans le fichier appelé 'test.js', exécutez la commande suivante en ligne de commande

nodejs test.js

Je ne pense pas que la moustache puisse faire ça! (étonnamment) Vous pouvez parcourir une liste d'objets, puis accéder aux attributs de chaque objet, mais vous ne pouvez pas sembler itérer sur une simple liste de valeurs!

Vous devez donc transformer votre liste en:

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

puis votre modèle serait:

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

Pour moi, cela semble être un problème grave avec Moustache - tout système de modèle devrait pouvoir boucler sur une liste de valeurs simples!