CATALOGUE Code & Data Apprendre Ionic 5 Utilisation des IonSelect dans une application Angular

Utilisation des IonSelect dans une application Angular

Les formulaires : ion-select
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

À la fin de cette vidéo, vous serez capables de :

  • Utiliser IonSelect pour créer des menus déroulants dynamiques
  • Récupérer une liste de catégories via un service TypeScript
  • Configurer les valeurs par défaut et gérer les sélections utilisateur

Apprenez à utiliser les IonSelect avec TypeScript pour créer des formulaires dynamiques et choisir des catégories efficacement.

Dans cette leçon, nous allons aborder l'utilisation des IonSelect dans une application Angular pour permettre aux utilisateurs de sélectionner des catégories pour leurs annonces. Nous commencerons par récupérer une liste de catégories disponibles en injectant notre service d'annonce. Ensuite, nous verrons comment créer un formulaire en TypeScript et y ajouter une propriété de catégorie avec une valeur initiale par défaut égale au premier élément de notre liste.

Côté HTML, nous allons créer un IonItem, ajouter un IonLabel et un IonSelect avec la directive FormControlName. Chaque IonSelectOptions sera défini à l'aide d'une boucle ngFor pour afficher toutes les catégories disponibles. Finalement, nous verrons comment tester notre sélection de catégories dans le navigateur et vérifier que la valeur par défaut et les sélections fonctionnent correctement.

Voir plus
Questions réponses
Comment récupérer la liste des catégories disponibles ?
Vous devez injecter votre service d'annonce dans le fichier TypeScript de votre page et appeler la fonction pour récupérer les catégories avant de créer le formulaire.
Quelle directive utilise-t-on en HTML pour lier un IonSelect à un formulaire ?
On utilise la directive FormControlName pour lier un IonSelect à un formulaire en HTML.
Comment définir la valeur par défaut d'un IonSelect ?
Pour définir la valeur par défaut, vous devez initialiser la propriété de catégorie dans votre formulaire avec la première valeur de la liste des catégories récupérées.

Programme détaillé