Fonctionne sur trois types d'éléments :
A besoin de la directive ng-model.
Remplace l'utilisation des accolades.
<div ng-bind="model.name"></div>
Le code ci-haut a le même effet que :
<div>{{model.name}}</div>
Un peu comme ng-bind, sauf qu'il permet de faire un template. On peut placer plusieurs items.
<div ng-bind-template="{{model.name}} (Date: {{model.date}})"></div>
Permet d'inclure du HTML d'une source pas sûre.
Si on a dans le contrôleur :
$scope.snippet = '<span style="color:red;">allo</span>';
Et dans le HTML ceci:
<div ng-bind-html="snippet"></div>
Le <span> va apparaître dans le <div>, mais tout style (de couleur rouge) sera enlevé et probablement les scripts et autres éléments non sécures.
Même principe que ngBindHtml, mais affichera le HTML tel quel. Utilisé quand la source du HTML est de confiance.
Attention, peut donner lieu à des attaques XSS.
Règle CSS:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none; }
Permet d'imbriquer des form dans une form.