CATALOGUE Code & Data Formation Angular JS Apprendre Angular JS Maîtriser AngularJS : ng-checked et ng-model

Maîtriser AngularJS : ng-checked et ng-model

Les checkbox et listes déroulantes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Angular JS
Revoir le teaser Je m'abonne
4,0
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,0
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation avancée des directives AngularJS

Objectifs

Les objectifs de cette vidéo sont :

  • Comprendre et utiliser la directive ng-checked pour les checkboxes.
  • Savoir manipuler des listes déroulantes avec ng-options.
  • Apprendre à transformer les valeurs booleanes des checkboxes en chaînes de caractères.

Résumé

Apprenez à utiliser les directives AngularJS telles que ng-checked et ng-model pour manipuler des checkboxes et des listes déroulantes dynamiques.

Description

Dans cette leçon, vous allez découvrir comment utiliser les directives ng-checked et ng-model d'AngularJS pour manipuler des checkboxes et créer des listes déroulantes dynamiques. Nous explorerons les différences entre ng-checked et ng-model, et comment elles peuvent être utilisées ensemble pour lier des éléments d'interface de manière dynamique.

Vous apprendrez également à utiliser ng-options pour peupler une liste déroulante avec des données provenant d'un tableau, et comment gérer les interactions entre différentes directives pour rendre l'interface utilisateur plus réactive et intuitive.

Enfin, cette leçon aborde la transformation de valeurs booleanes de checkboxes en chaînes de caractères, et l'importance de comprendre les comportements par défaut et personnalisés des directives AngularJS pour créer des formulaires interactifs et conformes aux attentes des utilisateurs.

Voir plus

Questions - réponses

Quelle est la différence principale entre ng-checked et ng-model pour les checkboxes ?
Ng-checked prend une valeur boolean fixe pour déterminer si une checkbox est cochée, tandis que ng-model lie la checkbox à une variable qui peut changer dynamiquement.
Comment utiliser ng-options pour créer une liste déroulante dynamique ?
Utilisez ng-options pour lier un tableau d'objets à une liste déroulante. Cette directive permet de spécifier quel attribut de l'objet doit être affiché et quelle valeur doit être sélectionnée.
Comment transformer la valeur d'une checkbox en chaîne de caractères avec AngularJS ?
Utilisez les directives ng-true-value et ng-false-value pour définir respectivement les valeurs de la checkbox lorsqu'elle est cochée et décochée, en les entourant de guillemets pour les parse en tant que chaînes de caractères.

Programme détaillé

2 commentaires
4,0
2 votes
5
4
3
2
1
mickael.crez
Il y a 3 years
Commentaire
Super formation ! Maintenant ça va être impossible de développer sans AngularJS.
Merci au formateur pour cette formation très complète.
alain_nogues
Il y a 4 years
Commentaire
Pourquoi la police de l'éditeur est-elle si petite ? On s’abîme les yeux à lire ces pattes de mouche. Ce n'est quand même pas compliqué de configurer un corps de 16 ou 18 dans l'éditeur non ?
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 ...