Différences

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

--- slam4:richclient:angularjs:bases [2017/01/23 19:21] – jcheron
+++ slam4:richclient:angularjs:bases [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 6: / Ligne 6: @@
 Installer AngularJS Eclipse Plugin ([[https://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Started|AngularJS Eclipse]])
-**Avec PhpStorm :**
+**Avec PhpStorm ou WebStorm:**
 voir [[http://blog.jetbrains.com/phpstorm/2014/05/angularjs-support-in-phpstorm/|PhpStorm AngularJS]]
 ===== -- Téléchargement =====
@@ Ligne 27: / Ligne 27: @@
 </sxh>
-Quoi qu'en disent certains, il est préférable d'intégrer AngularJS le plus tôt possible dans la page, pour ne pas voir apparaître la page avant l'exécution des scripts Angular présents.
+Quoi qu'en disent certains, il est préférable d'intégrer AngularJS le plus tôt possible dans la page, pour ne pas voir apparaître la page avant l'exécution des scripts Angular présents (même avec la directive [[https://docs.angularjs.org/api/ng/directive/ngCloak|ng-cloak]]).
 ===== -- Premiers pas =====
 ==== Traditionnel Hello world : ====
@@ Ligne 324: / Ligne 324: @@
 </sxh>
-=== Utilisation du service ngCookie ===
+=== Utilisation du service ngCookies ===
 Le service **ngCookie** n'est pas intégré par défaut à angular, il est donc nécessaire d'inclure le fichier js correspondant :
@@ Ligne 331: / Ligne 331: @@
 </sxh>
+Il faut ensuite intégrer ngCookies en tant que dépendance dans l'application :
+<sxh javascript;title:js/app.js>
+var App = angular.module('appName', ['ngCookies']);
+</sxh>
+nbCookies peut ensuite être injecté dans les contrôleur le nécessitant :
+<sxh javascript;title:js/ctrl.js>
+app.controller("ctrlName",["$cookies",function($cookies){
+    // Retrieving a cookie
+  var favoriteCookie = $cookies.get('myFavorite');
+  // Setting a cookie
+  $cookies.put('myFavorite', 'oatmeal');
+}]);
+</sxh>