Un module permet d’encapsuler l’ensemble des éléments d’une application AngularJS.
Pour créer un module, on utlise la méthode module de l’objet angular. Cette méthode prend en paramètre le nom de module suivi d’un tableau, correspondant aux dépendances du module.
|
1 2 |
/* Création d'un module nommé MyApplication */ var module = angular.module("MyApplication", []); |
L’objet correspondant au module expose plusieurs méthodes, notamment Controller permettant de déclarer un contrôleur en respectant la syntaxe suivante :
|
1 2 3 4 |
function MyController($scope) { $scope.voiture= { marque: "BMW", couleur: "gris" }; } angular.module("MyApplication", []).controller("MyController", MyController); |
Le code précédent crée un module nommé MyApplication et y déclare un contrôleur nommé MyControleur et basé sur la fonction MyControleur.
L’attribut ng-app, utilisé dans la vue, permet de définir quel module doit être chargé.
|
1 2 3 |
<html ng-app="MyApplication"> ... </html> |
L’attribut ng-app est utilisé ici pour charger le module MonApplication.
Advertisement