Affichage des Informations Pertinentes d'une Annonce
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre comment enrichir un IonList avec des informations spécifiques.
- Apprendre à formater le contenu textuel et les dates avec Angular.
- Maîtriser les balises HTML spécifiques à Ionic.
Résumé
Apprenez à structurer et afficher les informations essentielles d'une annonce avec Ionic et Angular.
Description
Dans cette leçon, nous abordons la création et l'enrichissement d'un IonList pour afficher des informations spécifiques d'annonces. Nous commencerons par choisir les informations importantes à afficher, telles que le titre, le prix, la catégorie, la date de publication et une image.
Tout d'abord, nous structurons le contenu textuel en utilisant des balises HTML spécifiques à Ionic, telles que <IonLabel>
pour encapsuler le texte. Nous ajoutons le prix avec le symbole de l'euro, puis formatons la date de publication en utilisant le pipe date d'Angular pour obtenir un format lisible.
Ensuite, nous intégrons la catégorie de l'annonce, et expliquons comment gérer les différences de mise en forme par défaut fournies par Ionic pour avoir une application moderne et adaptée aux mobiles.