Outils pour utilisateurs

Outils du site


web:javascript:angularjs:controleurs

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
web:javascript:angularjs:controleurs [2014/12/04 03:17] – [Scope] sgariepyweb:javascript:angularjs:controleurs [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
Ligne 26: Ligne 26:
  
 <code html> <code html>
-<div ng-controller="mainCtrl"></div>+<div ng-controller="mainCtrl"> 
 +  {{model.name}}<br/> 
 +  {{model.date}} 
 +</div>
 </code> </code>
  
 Le contrôleur ''mainCtrl'' prendra effet dans le ''<div>'' pour lequel il est déclaré. Le contrôleur ''mainCtrl'' prendra effet dans le ''<div>'' pour lequel il est déclaré.
 +
 ====== 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('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.
 +
 +
 +
  
web/javascript/angularjs/controleurs.1417659435.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)