Utilisation des Params et NGModel pour gérer une liste de catégories
Objectifs
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.
Résumé
Apprenez à envoyer et récupérer des paramètres via un modal Ionic en utilisant Angular, NavParams et NGModel.
Description
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.