Wiki SGY.io

Outils pour utilisateurs

Outils du site

Piste :
web:javascript:angularjs:services

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
web:javascript:angularjs:services [2014/12/06 03:49] – [Types de services] sgariepyweb:javascript:angularjs:services [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
Ligne 6: Ligne 6:
 ====== Built-in services ====== ====== Built-in services ======
  
 +Services disponibles : \$resource, \$q, \$anchorScroll, \$cacheFactory, \$compile, \$parse, \$locale, \$timeout, \$exceptionHandler, \$filter, \$cookieStore, \$interpolate, \$log, \$rootScope, \$window, \$document, \$rootElement, \$route, \$routeParams, \$location, \$httpBackend, \$controller.
  
-  * $resource +Pour le service ''$filter'', aller dans [[filtres]].
-  * $q +
-  * $anchorScroll +
-  * $cacheFactory +
-  * $compile +
-  * $parse +
-  * $locale +
-  * $timeout +
-  * $exceptionHandler +
-  * $filter +
-  * $cookieStore +
-  * $interpolate +
-  * $log +
-  * $rootScope +
-  * $window +
-  * $document +
-  * $rootElement +
-  * $route +
-  * $routeParams +
-  * $location +
-  * $httpBackend +
-  * $controller +
- +
 ===== $http ===== ===== $http =====
  
Ligne 100: Ligne 78:
 ===== $locale ===== ===== $locale =====
  
 +Pour utiliser la localisation, il faut télécharger le ou les fichiers i18n d'Angular (exemple, [[https://code.angularjs.org/1.3.0/i18n/]]).
  
 +En incluant un fichier JS, par exemple ''angular-locale_fr-ca.js'', la localisation se fait en utilisant ''$locale''.
  
-====== Types de services ======+<code javascript> 
 +$scope.myDate = Date.now(); 
 +$scope.myFormat = $locale.DATETIME_FORMATS.fullDate; 
 +</code>
  
 +Dans le template:
 +<code html>
 +<p>{{myDate | date:myFormat }}</p>
 +</code>
 +
 +===== $timeout =====
 +
 +<code javascript>
 +var promise = $timeout(function() {
 +  $scope.name = "John Doe";
 +}, 2000);
 +
 +$scope.cancel = function() {
 +  $timeout.cancel(promise);
 +};
 +</code>
 +
 +===== $cookieStore =====
 +
 +Pour utiliser ''$cookieStore'', il faut référencer le fichier ''angular-cookies.js''.  Ensuite on peut injecter ''ngCookies''.
 +
 +
 +<code javascript>
 +var data = {
 +  id: 1,
 +  name: 'some name'
 +}
 +
 +$cookieStore.put('data', data);
 +var retrievedData = $cookieStore.get('data');
 +$cookieStore.remove('data', data);
 +</code>
 +
 +On ne peut pas spécifier de date avec ''ngCookies''.  Il faudra alors utiliser un service tierce de cookie pour se faire.
 +
 +
 +===== $provide =====
 +
 +On peut garder des constantes avec ''$provide.constant(nom, valeur)'', par exemple, pour garder une référence à IndexedDB:
 +
 +<code javascript>
 +$provide.constant('indexedDB', window.indexedDB);
 +</code>
 +
 +
 +===== $injector =====
 +
 +On peut se servir de l'''$injector'' pour charger un service au besoin.
 +
 +<code javascript>
 +let templateService = $injector.get('templateService');
 +
 +templateService.load('template');
 +</code>
 +====== Types de services ======
  
  
 +Différences entre les types de services : [[http://tylermcginnis.com/angularjs-factory-vs-service-vs-provider/|Factory vs Service vs Provider]].
 ===== Value ===== ===== Value =====
  
Ligne 113: Ligne 152:
 ===== Service ===== ===== Service =====
  
 +===== Provider =====
  
 ====== Créer un service ====== ====== Créer un service ======
Ligne 134: Ligne 174:
 }); });
 </code> </code>
 +
 +====== Partage de données ======
 +
 +  * [[http://lancelarsen.com/angularjs-sharing-data-between-controllers/|AngularJS: Sharing Data Between Controllers]]
 +
 +
 +
web/javascript/angularjs/services.1417834140.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)