Ionic - 5.10 Corriger la suppression d'une recette
Dans la leçon précédente, le bouton de suppression retirait les éléments de l'écran sans supprimer la recette. Cette leçon explique la cause : la page est initialisée une seule fois. Elle montre comment recharger les données chaque fois que la page redevient visible.
Comprendre la cause
Une page Ionic est créée une fois, puis reste en mémoire. Quand on supprime une recette de la liste affichée, la liste n'est pas rechargée depuis la source de données.
La vidéo ajoute donc des points d'entrée du cycle de vie : des méthodes qui s'exécutent à des moments précis de la vie de la page.
Recharger les données à l'affichage
Ionic propose le hook ionViewWillEnter, appelé avant l'affichage de la page. C'est là que l'on charge les recettes, afin que la liste soit à jour à chaque visite.
Après ce changement, la suppression est bien enregistrée : après le rechargement de l'application, la recette ne réapparaît plus sur la page d'accueil.
- Repérer le problème : la page n'est pas rechargée
- Utiliser un hook de cycle de vie Ionic
- Charger les données à chaque affichage
- Tester en rechargeant l'application
En résumé
Le bouton supprimait l'affichage sans toucher aux données, car la page n'était chargée qu'une fois. Le hook ionViewWillEnter recharge les données chaque fois que la page s'affiche. Une confirmation par pop-up est prévue pour une étape suivante.
Points clés
- Une page Ionic reste en mémoire après sa première création.
- Un hook de cycle de vie s'exécute à un moment précis de la vie de la page.
- ionViewWillEnter charge les données avant chaque affichage.
- Tester après un rechargement permet de vérifier la suppression.
Questions fréquentes
Pourquoi la suppression ne se voyait-elle pas après rechargement ?
La page gardait l'ancienne liste en mémoire. Recharger les données à chaque affichage corrige le problème.
Qu'est-ce qu'un hook de cycle de vie ?
C'est une méthode appelée automatiquement à un moment précis, par exemple à l'apparition de la page.
Faut-il une confirmation avant de supprimer ?
La vidéo le prévoit pour une étape suivante, afin d'éviter une suppression faite par erreur.