formations/javascript/angular/services-1.md

775 B

.cadoles-slide-title[Les services (1/2)]

  • Instanciés à la volée
  • En mode "singleton" (une seule instance pour l'ensemble de l'application)

Injection de dépendances

// Différentes notations

var MyApp = angular.module('MyApp', []);

// La plus classique, via passage de tableau déclarant les dépendances
// et fonction anonyme en dernier élément

MyApp.controller('FirstCtrl', ['$scope', function($scope) {
  $scope.myProp = 'foo';
}]);

// --------------------------

// Via propriété $inject

function SecondCtrl($scope) {
  $scope.myProp = 'foo';
}
// Déclaration des dépendances via la propriété $inject sur le constructeur
SecondCtrl.$inject = ['$scope'];

// Enregistrement du contrôleur
MyApp.controller('SecondCtrl', SecondCtrl);