Introduction aux Contrôleurs
Objectifs
Les objectifs de cette vidéo incluent : comprendre le rôle d'un contrôleur, apprendre à créer et lier un contrôleur à une vue, et maîtriser l'utilisation de $scope pour gérer les variables d'interface utilisateur.
Résumé
Découvrez comment créer et lier un contrôleur AngularJS à une vue HTML pour gérer l'interface utilisateur de votre application.
Description
Dans cette leçon, nous allons créer notre premier contrôleur en AngularJS. Le contrôleur est chargé de déclencher et d'effectuer la plupart des tâches liées à l'interface utilisateur. Il est presque toujours lié à une vue ou à du HTML. Ses principales responsabilités incluent : la récupération de données du serveur pour les afficher, la décision des données à montrer, la définition de la logique de présentation (comme l'affichage des éléments et le style à appliquer), et la gestion de l'interaction utilisateur (comme la saisie dans un formulaire ou les clics et validations).
Pour commencer, nous devons créer un module dans AngularJS, qui définit ses propres contrôleurs, services, directives, etc. Un module peut dépendre d'autres modules, permettant ainsi à AngularJS de rendre accessibles les fonctions définies dans ces modules.
En créant un fichier main.js, nous y définissons notre module app et ses dépendances (même si elles sont vides).
Ensuite, nous créons un contrôleur nommé main.ctrl, qui dépend de $scope. $scope permet de définir des variables accessibles dans notre vue HTML.
Nous illustrons cela en assignant une valeur à $scope.name et en affichant cette variable dans notre fichier index.html à l'aide de l'expression {{ name }}.
Merci au formateur pour cette formation très complète.
Je mets une note moyenne à cause de cette bévue impardonnable pour un formateur, alors que la formation est pourtant très bien faite.
Je remonterai ma note quand l'auteur refera ces vidéos avec une police lisible ...