Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:javascript:angularjs:controleurs [2014/12/04 03:03] – [Contrôleurs] sgariepy
+++ web:javascript:angularjs:controleurs [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 5: / Ligne 5: @@
 La première responsabilité du contrôleur est de créer un scope.  Ce scope permet d'exposer le modèle à la vue.  On pourrait appeler le scope l'élément //view-model// de l'architecture.
-{{:web:javascript:angularjs:controleur-scope-view-relation.png?200|}}
+{{:web:javascript:angularjs:controleur-scope-view-relation.png|}}
+===== Déclaration d'un contrôleur =====
+<code javascript>
+'use strict';
+angular.module('myApp').controller('mainCtrl', function($scope) {
+  $scope.model = {
+    name: 'Ceci est un contrôleur',
+    date: '1/1/2014'
+  };
+};
+</code>
+Dans le HTML, exemple dans ''index.html'' :
+<code html>
+<div ng-controller="mainCtrl">
+  {{model.name}}<br/>
+  {{model.date}}
+</div>
+</code>
+Le contrôleur ''mainCtrl'' prendra effet dans le ''<div>'' pour lequel il est déclaré.
 ====== 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('shareService', function() {
+    var data;
+    var shareService = {
+        setData: function(input) {
+            data = input;
+        },
+        getData: function() {
+            return data;
+        }
+    };
+    return shareService;
+}
+</code>
+Ensuite, il suffit d'utiliser ce même service dans les contrôleurs dont il est nécessaire de partager les données.  On injecte la dépendance du service et on appelle ''getData()'' et ''setData(data)'' lorsque nécessaire.