Text mit Tangular-Templates rendern

Total.js 5 · total5@0.0.19 templatescontent Mit Total.js 5 ausgeführt

Tangular ist die kleine Template-Sprache von Total.js (sie läuft auch im Browser mit jComponent). Schreibe {{ value }}, um einen maskierten Wert auszugeben, {{ if expression }}...{{ fi }} für Bedingungen und {{ foreach item in list }}...{{ end }} für Schleifen. Tangular.render(template, model) liefert den Text; nutze Tangular.compile(template) einmal und rufe das Ergebnis in leistungskritischen Pfaden oft auf.

Variablen werden aus dem Modell gelesen, {{ user.name }} liest also model.user.name. Die Ausgabe wird als HTML maskiert; füge den Helper raw ({{ html | raw }}) nur für vertrauenswürdige Inhalte hinzu.

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