Συμπερίληψη προβολών και πόρων

Total.js 5 · total5@0.0.19 viewstemplatesassets Εκτελέστηκε με το Total.js 5

Το @{view(name, model)} αποδίδει μια άλλη προβολή επί τόπου, ώστε τα επαναλαμβανόμενα κομμάτια (μια κάρτα, μια γραμμή, ένα υποσέλιδο) να ζουν σε ένα αρχείο. Το δεύτερο όρισμα είναι το μοντέλο της συμπεριλαμβανόμενης προβολής.

Το @{import('a.js', 'a.css')} γράφει τα tags <script> και <link> για αρχεία στο public/js/ και public/css/. Απαριθμήστε πολλά αρχεία ενωμένα με + για να πάρετε ένα tag ανά αρχείο.

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