web:javascript:angularjs:directives_built-in
Table des matières
Directives de base
- ngApp
- ngController
ng-model
Fonctionne sur trois types d'éléments :
- input
- select
- textarea
Événementiels
- ngClick
- ngDblClick
- ngMousedown
- ngMouseenter
- ngMouseleave
- ngMousemove
- ngMouseover
- ngMouseup
ng-change
A besoin de la directive ng-model
.
Présentation
ngStyle
ngClass
ngClassEven
ngClassOdd
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
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.
ng-show / ng-hide
ng-repeat
ngCloak
Règle CSS:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none; }
Autres
- ngDisabled
- ngChecked
- ngMultiple
- ngReadonly
- ngSelected
ngForm
Permet d'imbriquer des form
dans une form
.
ngSubmit
ngHref
ngSrc
ngNonBindable
web/javascript/angularjs/directives_built-in.txt · Dernière modification : 2022/02/02 00:42 de 127.0.0.1