Απόδοση μιας προβολής με layout

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

Το $.view(name, model) αποδίδει το views/<name>.html και το τυλίγει στο views/layout.html. Μέσα σε μια προβολή τα δεδομένα είναι διαθέσιμα ως model· χρησιμοποιήστε @{...} για εκφράσεις, @{foreach ... in ...} για βρόχους και @{body} στο layout για να τοποθετήσετε την προβολή.

Το layout αποδίδεται χωρίς το μοντέλο. Για να του δώσετε τιμές (για παράδειγμα έναν τίτλο σελίδας) χρησιμοποιήστε το repository: το εκθέτει το αντικείμενο που επιστρέφει το $.view().

views/layout.html

<!DOCTYPE html>
<html>
<head><title>@{repository.title}</title></head>
<body>
@{body}
</body>
</html>

views/index.html

<h1>@{model.name}</h1>
<ul>
@{foreach item in model.items}
	<li>@{item}</li>
@{end}
</ul>

controllers/default.js

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

function home($) {
	var view = $.view('index', { name: 'Forge', items: ['routes', 'actions'] });
	view.repository.title = 'Home';
}