Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:javascript:angularjs:directives_built-in [2014/12/04 03:49] – [ng-bind-template] sgariepy
+++ web:javascript:angularjs:directives_built-in [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 4: / Ligne 4: @@
   * ngApp
   * ngController
+===== ng-model =====
+Fonctionne sur trois types d'éléments :
+  * input
+  * select
+  * textarea
@@ Ligne 24: / Ligne 33: @@
-====== Divers ======
+====== Présentation ======
+===== ngStyle =====
+===== ngClass =====
+===== ngClassEven =====
+===== ngClassOdd =====
+====== Divers ======
-  * ngBind
-  * ngBindTemplate
-  * ngBindHtml
-  * ngBindHtmlUnsafe
@@ Ligne 57: / Ligne 71: @@
 <div ng-bind-template="{{model.name}} (Date: {{model.date}})"></div>
 </code>
+===== ngBindHtml =====
+Permet d'inclure du HTML d'une source pas sûre.
+Si on a dans le contrôleur :
+<code javascript>
+$scope.snippet = '<span style="color:red;">allo</span>';
+</code>
+Et dans le HTML ceci:
+<code html>
+<div ng-bind-html="snippet"></div>
+</code>
+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 =====
@@ Ligne 62: / Ligne 105: @@
+===== ngCloak =====
+Règle CSS:
+<code css>
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+  display: none;
+}
+</code>
+===== Autres =====
+  * ngDisabled
+  * ngChecked
+  * ngMultiple
+  * ngReadonly
+  * ngSelected
+===== ngForm =====
+Permet d'imbriquer des ''form'' dans une ''form''.
+===== ngSubmit =====
+===== ngHref =====
+===== ngSrc =====
+===== ngNonBindable =====