# Générer du texte avec des templates Tangular

> Utilisez Tangular.render() pour remplir des modèles d'e-mails, de documents et de messages avec des conditions, des boucles et des helpers.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: fr
Content-SHA256: 94b1a185634338c724c4664843883631e37326a930392a1c99b453c953e8cae2
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

Tangular est le petit langage de templates de Total.js (il fonctionne aussi dans le navigateur avec jComponent). Écrivez `{{ value }}` pour afficher une valeur échappée, `{{ if expression }}...{{ fi }}` pour les conditions et `{{ foreach item in list }}...{{ end }}` pour les boucles. `Tangular.render(template, model)` renvoie le texte ; utilisez `Tangular.compile(template)` une fois et appelez le résultat de nombreuses fois pour les chemins critiques.

Les variables sont lues dans le modèle : `{{ user.name }}` lit `model.user.name`. La sortie est échappée en HTML ; ajoutez le helper `raw` (`{{ html | raw }}`) uniquement pour du contenu de confiance.

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