Tekst genereren met Tangular-templates

Total.js 5 · total5@0.0.19 templatescontent Uitgevoerd met Total.js 5

Tangular is de kleine templatetaal van Total.js (hij draait ook in de browser met jComponent). Schrijf {{ value }} om een geëscapete waarde af te drukken, {{ if expression }}...{{ fi }} voor voorwaarden en {{ foreach item in list }}...{{ end }} voor lussen. Tangular.render(template, model) geeft de tekst terug; gebruik Tangular.compile(template) één keer en roep het resultaat vaak aan in kritieke paden.

Variabelen worden uit het model gelezen, dus {{ user.name }} leest model.user.name. De uitvoer wordt als HTML geëscapet; voeg de helper raw ({{ html | raw }}) alleen toe voor vertrouwde inhoud.

controllers/mail.js

exports.install = function() {
	ROUTE('POST /preview/', preview);
};

var template = 'Hello {{ name }}!{{ if vip }} Thanks for being a VIP.{{ fi }}\n{{ foreach item in items }}- {{ item.title }}\n{{ end }}';

function preview($) {
	$.plain(Tangular.render(template, $.body));
}