Parcourir des tableaux et des objets dans les vues

Total.js 5 · total5@0.0.19 viewstemplates Exécutée avec Total.js 5

@{foreach item in expression} répète le bloc pour chaque élément d'un tableau et se ferme par @{end}. Dans la boucle, index est la position de l'élément courant (à partir de 0). La même syntaxe parcourt les propriétés d'un objet : chaque élément a un key et un value.

views/index.html

@{layout('')}
<ul class="products">
@{foreach product in model.products}
	<li>@{index}: @{product.name} - @{product.price}</li>
@{end}
</ul>
<dl class="fields">
@{foreach field in model.meta}
	<dt>@{field.key}</dt><dd>@{field.value}</dd>
@{end}
</dl>

controllers/default.js

exports.install = function() {
	ROUTE('GET /', page);
};

function page($) {
	$.view('index', {
		products: [{ name: 'Book', price: 12 }, { name: 'Pen', price: 3 }, { name: 'Lamp', price: 40 }],
		meta: { color: 'red', size: 'M' }
	});
}