web:javascript:angularjs:controleurs
Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
web:javascript:angularjs:controleurs [2014/12/03 03:59] – créée sgariepy | web:javascript:angularjs:controleurs [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Contrôleurs ====== | ====== Contrôleurs ====== | ||
+ | ===== Scope ===== | ||
+ | La première responsabilité du contrôleur est de créer un scope. | ||
+ | {{: | ||
+ | |||
+ | ===== Déclaration d'un contrôleur ===== | ||
+ | |||
+ | |||
+ | <code javascript> | ||
+ | 'use strict'; | ||
+ | |||
+ | angular.module(' | ||
+ | $scope.model = { | ||
+ | name: 'Ceci est un contrôleur', | ||
+ | date: ' | ||
+ | }; | ||
+ | }; | ||
+ | </ | ||
+ | |||
+ | |||
+ | Dans le HTML, exemple dans '' | ||
+ | |||
+ | <code html> | ||
+ | <div ng-controller=" | ||
+ | {{model.name}}< | ||
+ | {{model.date}} | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Le contrôleur '' | ||
====== Syntaxe Contoller As ====== | ====== Syntaxe Contoller As ====== | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ====== Partage de données entre contrôleurs ====== | ||
+ | |||
+ | |||
+ | Pour se faire, on peut simplement créer un service avec un //setter// et un //getter//. | ||
+ | |||
+ | <code javascript> | ||
+ | app.factory(' | ||
+ | var data; | ||
+ | | ||
+ | var shareService = { | ||
+ | setData: function(input) { | ||
+ | data = input; | ||
+ | }, | ||
+ | getData: function() { | ||
+ | return data; | ||
+ | } | ||
+ | }; | ||
+ | return shareService; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Ensuite, il suffit d' | ||
+ | |||
+ | |||
+ | |||
web/javascript/angularjs/controleurs.1417575570.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)