AngularJS je m'y mets !

Modules

Poursuivons l'exemple précédent en enrichissant notre service :

<div ng-app="monApplication">
    <div ng-controller="Controleur1">
    	<p>Valeur dans le contrôleur 1 : {{ message }}</p>
    </div>
    <div ng-controller="Controleur2">
    	<p>Valeur dans le contrôleur 2 : {{ message }}</p>
    </div>
    <script>
		var monModule = angular.module('monApplication', []).
			factory('MonService', function () {
				return { 
					message: 'Un message',
					double: function(nombre) { return nombre * 2; }  
				};
		});
		monModule.controller('Controleur1', ['$scope', 'MonService', 
		    function ($scope, MonService) {
		    	$scope.message = MonService.message;
			}
		]);
		monModule.controller('Controleur2', ['$scope', 'MonService', 
		    function ($scope, MonService) {
		    	$scope.message = MonService.double(5);
			}
		]);
    </script>
</div>

Valeur dans le contrôleur 1 : {{ message }}

Valeur dans le contrôleur 2 : {{ message }}

Cette fois on configure le module avec une fonction. On crée ainsi un service pour les contrôleurs. Dans ce service j'ai prévu de mettre à disposition une constante message et une méthode double. Remarquez l'utilisation de la méthode factory du module pour créer ce service.

Vous pouvez consulter la documentation pour plus d'informations sur les modules.

Précédent

Retour à l'accueil...