# Text mit Tangular-Templates rendern

> Nutze Tangular.render(), um Templates für E-Mails, Dokumente und Nachrichten mit Bedingungen, Schleifen und Helpern zu füllen.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: de
Content-SHA256: 7605eea7299f7bf8a8d10f6f01c9d55b89093b7da24e35025d24db9b465cc470
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

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.

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