Incluye vistas y recursos

Total.js 5 · total5@0.0.19 viewstemplatesassets Ejecutada con Total.js 5

@{view(name, model)} renderiza otra vista en su lugar, así que las piezas repetidas (una tarjeta, una fila, un pie) viven en un solo fichero. El segundo argumento es el modelo de la vista incluida.

@{import('a.js', 'a.css')} escribe las etiquetas <script> y <link> de los ficheros de public/js/ y public/css/. Enumera varios ficheros unidos con + para obtener una etiqueta por fichero.

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' }] });
}