Feltételek és escape használata a nézetekben

Total.js 5 · total5@0.0.19 viewstemplates Total.js 5-tel lefuttatva

A nézetek HTML-ek @{...} blokkokkal. A feltétel @{if expression}, opcionálisan @{else}, és mindig @{fi}-vel zárul. A kifejezés sima JavaScript, és használhatja a model-t (a $.view()-nak átadott adat), a repository-t (a layouttal megosztott értékek), a query-t, a user-t, a config-ot és a language-et.

A kimenet alapértelmezetten escape-elt: a @{model.text} a <-t <-re cseréli, ami véd az injektálástól. Tegyél !-et a @{ után a nyers érték küldéséhez (@{!model.html}), és ezt csak megbízható tartalommal tedd.

views/index.html

@{layout('')}
@{if model.admin}
	<p class="role">Administrator</p>
@{else}
	<p class="role">Guest</p>
@{fi}
@{if model.items.length > 2}
	<p class="many">many items</p>
@{fi}
<div class="escaped">@{model.text}</div>
<div class="raw">@{!model.text}</div>

controllers/default.js

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

function page($) {
	$.view('index', { admin: $.params.role === 'admin', items: [1, 2, 3], text: 'Hello <b>World</b>' });
}