Différences

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

--- web:javascript:angularjs:directives [2014/12/04 03:35] – [Directives] sgariepy
+++ web:javascript:angularjs:directives [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 3: / Ligne 3: @@
 Les directives sont une façon de donner de nouvelles fonctionnalités au HTML.
-Il y a trois types de directives:
+Il y a quatre types de directives:
-  * Élement -> ''<sg-element />''.
+  * E - Élement -> ''<sg-element />''.
-  * Attribut -> ''%%<div sg-element></div>%%''.
+  * A - Attribut -> ''%%<div sg-element></div>%%''.
-  * Classe -> ''%%<div class="sg-directive"></div>%%''.
+  * C - Classe -> ''%%<div class="sg-directive"></div>%%''.
+  * M - Comment -> ''<!-- directive: my-directive exp -->''.
+Généralement seulement les types **E** et **A** sont utilisés.
 Il est conseillé de préfixer les directives que l'on crée.  Angular a préfixé ses directives avec ''ng-'', on peut choisir tout autre combinaison, exemple ''sg-nom-de-la-directive''.
+===== Support de IE =====
+Pour supporter les vieilles versions de IE, il faut utiliser des directives de type attribut.  Aussi, utiliser le [[wp>Polyfill|Polyfill]] JSON.stringify.
@@ Ligne 23: / Ligne 28: @@
+Dans le binding ''='', on peut utiliser ''=?''((https://github.com/angular/angular.js/pull/1889)) pour le rendre optionel.
@@ Ligne 74: / Ligne 79: @@
 </code>
 Source : [[http://jsfiddle.net/abhaga/DdeCZ/18/|JSFiddle]]
+====== À lire ======
+  * [[http://www.jvandemo.com/the-nitty-gritty-of-compile-and-link-functions-inside-angularjs-directives/|The nitty-gritty of compile and link functions inside AngularJS directives]]
+  * [[https://nulogy.com/articles/transclusion-in-angular|Transclusion in Angular]]
+  * [[https://docs.angularjs.org/api/ng/service/$compile|$compile]]