web:javascript:angularjs:directives_built-in
Ceci est une ancienne révision du document !
Table des matières
Directives de base
- ngApp
- ngController
Événementiels
- ngClick
- ngDblClick
- ngMousedown
- ngMouseenter
- ngMouseleave
- ngMousemove
- ngMouseover
- ngMouseup
ng-change
A besoin de la directive ng-model
.
Divers
ng-bind
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>
ng-bind-template
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>
ngBindHtml
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.
ngBindHtmlUnsafe
ng-repeat
web/javascript/angularjs/directives_built-in.1417661771.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)