Outils pour utilisateurs

Outils du site


web:javascript:angularjs:controleurs

Ceci est une ancienne révision du document !


Contrôleurs

Scope

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.

Déclaration d'un contrôleur

'use strict';
 
angular.module('myApp').controller('mainCtrl', function($scope) {
  $scope.model = {
    name: 'Ceci est un contrôleur',
    date: '1/1/2014'
  };
};

Dans le HTML, exemple dans index.html :

<div ng-controller="mainCtrl">
  {{model.name}}<br/>
  {{model.date}}
</div>

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.

app.factory('shareService', function() {
    var data;
 
    var shareService = {
        setData: function(input) {
            data = input;
        },
        getData: function() {
            return data;
        }
    };
    return shareService;
}
web/javascript/angularjs/controleurs.1453053073.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)