CATALOGUE Code & Data Apprendre Ionic 5 Envoyer et recevoir des paramètres dans un modal avec Ionic et Angular

Envoyer et recevoir des paramètres dans un modal avec Ionic et Angular

Passer des paramètres à un ion-modal
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ionic 5
Revoir le teaser Je m'abonne
Transcription

99,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

99,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Maîtriser l'envoi et la récupération de paramètres dans un modal Ionic,
Utiliser les services Angular pour gérer les données passées entre composant et modal.

Apprenez à envoyer et récupérer des paramètres via un modal Ionic en utilisant Angular, NavParams et NGModel.

Dans cette leçon sur Ionic et Angular, nous abordons la gestion de paramètres dans un modal. La leçon commence par la préparation d'une liste personnalisée de catégories. Ensuite, nous expliquons comment envoyer cette liste au modèle à travers la fonction create du modèle contrôleur en utilisant component props. Nous continuons en montrant l'utilisation du service Nav Params pour récupérer les objets envoyés en paramètres.

Une fois les paramètres récupérés, nous associons ces valeurs aux éléments de la vue en utilisant les directives Angular classiques comme ngFor et ngModel. Par exemple, nous montrons comment afficher les labels de catégories dans des composants ion-label et lier les cases à cocher (checkboxes) à leurs valeurs booléennes.

Enfin, nous terminons avec des tests pour vérifier que toutes les cases à cocher sont cochées par défaut et que les changements sont bien reflétés dans la liste reçue. La prochaine étape consistera à apprendre comment fermer un modal et retourner les modifications à la page initiale.

Voir plus
Questions réponses
Comment envoyer des paramètres à un modal dans Ionic?
En utilisant la fonction create du modèle contrôleur avec un objet component props.
Comment récupérer les paramètres envoyés dans le modal?
L'utilisation du service Nav Params permet de récupérer les objets envoyés en paramètres.
Quelle directive Angular est utilisée pour des listes dans la vue?
La directive ngFor est utilisée pour itérer sur des listes et afficher les éléments dans la vue.

Programme détaillé