CATALOGUE Code & Data Apprendre Ionic 5 Créer et Personnaliser un IonList avec Ionic et Angular

Créer et Personnaliser un IonList avec Ionic et Angular

Ajouter du contenu textuel à un ion-item: ion-label
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

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.

Apprenez à structurer et afficher les informations essentielles d'une annonce avec Ionic et Angular.

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.

Voir plus
Questions réponses
Quels attributs de l'annonce sont affichés dans l'IonList?
Les attributs affichés sont le titre, le prix, la catégorie, la date de publication et une image.
Comment ajouter le symbole de l'euro dans le prix?
Pour ajouter le symbole de l'euro dans le prix, utilisez la combinaison de touches Alt-G-R plus E.
Quel pipe Angular est utilisé pour formater les dates?
Le pipe Angular utilisé pour formater les dates est le pipe 'date'.

Programme détaillé