Inclure des vues et des ressources

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

@{view(name, model)} rend une autre vue à cet endroit, si bien que les éléments répétés (une carte, une ligne, un pied de page) vivent dans un seul fichier. Le deuxième argument est le modèle de la vue incluse.

@{import('a.js', 'a.css')} écrit les balises <script> et <link> pour les fichiers de public/js/ et public/css/. Listez plusieurs fichiers joints par + pour obtenir une balise par fichier.

views/card.html

<article class="card"><h2>@{model.title}</h2></article>

views/index.html

@{layout('')}
@{import('app.js', 'app.css')}
@{foreach item in model.items}
	@{view('card', item)}
@{end}

controllers/default.js

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

function page($) {
	$.view('index', { items: [{ title: 'First' }, { title: 'Second' }] });
}