Services

Les services AngularJS permettent de partager du code dans une application, via l’injection de dépendances.

AngularJS propose un grand nombre de services (et providers) prêts à l’emploi. Ils sont précédés du symbole $ ($scope, $http,$timeout…).

Les services sont :

• Lazily instantiated, c’est-à-dire instanciés uniquement si on en a besoin
• Des singletons, c’est-à-dire qu’ils ne sont instanciés qu’une seule fois

Exemples d’utilisation de services :

• Récupération de données via Ajax (au lieu de le faire un peu partout dans les contrôleurs)
• Regroupement de fonctions « utilities » utilisées dans une application
• Définition de paramètres (configuration) d'une application

Exemple d'injection du service $window dans un contrôleur pour permettre une redirection de la page vers une autre URL.
voir injection_de_dependance_dependency_injection

angular.module('myApp').controller('GotoController', [ '$scope','$window',function($scope,win) {
	$scope.location="http://www.google.fr";
	$scope.go=function(){win.location=$scope.location;};
} ]);

Le service $http (ng module) permet de faire des requêtes HTTP vers un serveur, via l'objet XmlHttpRequest du navigateur ou via JSONP.

// Exemple de get :
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    // Fonction de rappel appelée de manière asynchrone
    // quand la réponse est reçue
  }).
  error(function(data, status, headers, config) {
    // Appelé de manière asynchrone en cas d'erreur
    // ou si le serveur retourne une réponse avec un statut d'erreur.
  });

// Exemple de post avec passage de données :
$http.post('/someUrl', {msg:'hello word!'}).
  success(function(data, status, headers, config) {
    // Fonction de rappel appelée de manière asynchrone
    // quand la réponse est reçue
  }).
  error(function(data, status, headers, config) {
    // Appelé de manière asynchrone en cas d'erreur
    // ou si le serveur retourne une réponse avec un statut d'erreur.
  });

• $http.get
• $http.head
• $http.post
• $http.put
• $http.delete
• $http.jsonp
• $http.patch

$http.get('/someUrl').success(successCallback);
$http.post('/someUrl', data).success(successCallback);

Le service $q (ng module) permet d'exécuter des fonctions de manière asynchrone et utilise leurs valeurs de retour ou d'erreur quand l'exécution est terminée.