Différences

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

--- slam4:richclient:angularjs:normes [2014/12/23 11:28] – créée jcheron
+++ slam4:richclient:angularjs:normes [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
 ====== Normalisation des projets AngularJS ======
-===== Directives =====
+===== -- Directives =====
-===== Structure =====
+Les notations suivantes permettent d'invoquer une directive :
-==== Structure standard ====
+  *<fc #008000> **x-ng-directive-name**</fc> (ok avec validation HTML)
+  * <fc #008000>**data-ng-directive-name**</fc> (ok avec validation HTML)
+  * ng-directive-name (standard)
+  * ngDirectiveName (camelCase)
+  * ng:directive:name
+  * ng_directive_name
+AngularJs normalise de lui même l'appel des directives :
+  * En supprimant les x- et data- au début des elements/attributs.
+  * En convertissant les : , -, ou _ en camelCase.
+Il est préférable de maintenir la possibilité d'une normalisation W3C, donc préférer le maintien des préfixes **x-** ou **data-**, et l'utilisation des **-** plutôt que les **:**, **_** ou camelCase.
+===== -- Structure des dossiers d'une application =====
+==== -- Structure standard ====
+Pour les petits projet : regroupement par rôle
 <sxh bash>
 app/
@@ Ligne 28: / Ligne 42: @@
 </sxh>
+==== -- Structure modulaire ====
+Pour les gros projets : regroupement par fonctionnalités
+<sxh bash>
+app/
+----- shared/   // acts as reusable components or partials of our site
+---------- sidebar/
+--------------- sidebarDirective.js
+--------------- sidebarView.html
+---------- article/
+--------------- articleDirective.js
+--------------- articleView.html
+----- components/   // each component is treated as a mini Angular app
+---------- home/
+--------------- homeController.js
+--------------- homeService.js
+--------------- homeView.html
+---------- blog/
+--------------- blogController.js
+--------------- blogService.js
+--------------- blogView.html
+----- app.module.js
+----- app.routes.js
+assets/
+----- img/      // Images and icons for your app
+----- css/      // All styles and style related files (SCSS or LESS files)
+----- js/       // JavaScript files written for your app that are not for angular
+----- libs/     // Third-party libraries such as jQuery, Moment, Underscore, etc.
+index.html
+</sxh>