Publier des documents web interactifs (AngularJS)

La relation Vue/Contrôleur (Two ways data binding)

DéfinitionLa relation Vue-Contrôleur

  • Le contrôleur est le moyen le plus approprié pour passer des données à la vue HTML.

  • Chaque contrôleur a son propre objet $scope qu'il utilise pour rendre un ensemble d'attributs, de méthodes et d'objets accessible à la vue.

  • Afin qu'une vue HTML puisse accéder à tout ce qui est attaché à un $scope, il faut qu'elle utilise la directive ng-controller dans sa racine pour bien s'associer au contrôleur en question.

  • au sein de la vue HTML , l'expression {{ objectName}} permet de rendre le contenu de l'objet objectName qui est associé au $scope.

  • La vue à son tour peut passer des données au contrôleur qui seront automatiquement ajoutés au $scope en utilisant la directive ng-model

AttentionQuels éléments peut utiliser ng-model ?

Seulement les éléments input, les listes de sélections et les textarea peuvent utiliser la directive ng-model

PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Merouane HARRIGA, 2015 (Contributions : Stéphane Crozat, les étudiants de NF29) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)