Apprenez à créer des listes déroulantes angulaires en quelques minutes

Allez au-delà du HTML sélectionnez en apprenant à implémenter des listes déroulantes modernes. Ce didacticiel vous montre comment utiliser les composants Angular DropDownList, Angular ComboBox, Angular AutoComplete et Angular MultiColumnComboBox.

Les listes déroulantes sont un élément de sélection HTML fondamental depuis 1993 et ​​restent un élément clé de l'interface utilisateur des applications Web, mais la technologie a fait du temps.

Bien que les listes déroulantes soient un élément par défaut en HTML, elles peuvent devenir difficiles lorsque vous devez les personnaliser. Ces personnalisations vont du style amélioré à des listes déroulantes angulaires entièrement liées aux données avec des structures complexes ou des fonctionnalités telles que la saisie semi-automatique.

C'est là que les bibliothèques Angular UI comme Kendo UI pour Angular viennent à la rescousse. Les implémentations de listes déroulantes, de combobox, de listes déroulantes multicolonnes et de vues arborescentes deviennent assez simples.

Dans la vidéo ci-dessous, notre ninja résidente de l'interface utilisateur angulaire, Alyssa Nicoll, vous montre comment utiliser l'interface utilisateur de Kendo pour implémenter diverses listes déroulantes angulaires. Suivez de deux manières:

Voici la vidéo dans son intégralité:

Et voici quelques horodatages utiles pour ceux d'entre vous qui aiment passer aux bonnes parties:

• 00:07 : Intro
• 01:06 : Présentation de l'interface utilisateur Kendo pour Angular DropDown
• 01:26 : Comment installer l'interface utilisateur Kendo pour la licence d'essai angulaire
• 02:15 : Différence entre l'élément Select par défaut et DropDowns
• 04:46 : Explorer les différents types de DropDowns
• 05:32 : Kendo UI for Angular DropDownList
• 06:40 : Kendo UI pour Angular ComboBox
• 07:42 : Kendo UI pour Angular AutoComplete
• 09:43 : Kendo UI pour Angular MultiColumnComboBox
• 13:04 : Outro [19659018] Avez-vous d'autres sujets pratiques en tête? N'hésitez pas à nous le dire. Nous adorons montrer et raconter!