Le select est un bouton qui ouvre une liste d’options. Passez-lui options, un tableau de NuiOption, et liez [(value)], ou [(values)] avec multiple. Il fonctionne aussi avec Signal Forms, les formulaires réactifs et ngModel.
Les options peuvent avoir un group, une description et des keywords, et children transforme la liste en arborescence. Au-delà de 200 lignes, seules les lignes visibles sont rendues : 100 000 options s’ouvrent aussi vite que dix.
Pour saisir et filtrer, utilisez plutôt la combobox.
Groupes
Les options qui ont un group sont listées sous son titre. Taper une lettre mène à l’option suivante qui commence par celle-ci.
Chosen: it. Type “s” to jump to Spain, again for Switzerland.
Plusieurs à la fois
multiple garde la liste ouverte et lie [(values)]. selectAll ajoute un bouton qui coche ou décoche toutes les options. Les options désactivées ne peuvent pas être choisies.
2 toppings. The list stays open while you pick.
Arborescence
Les options avec children forment une arborescence. La liste s’ouvre avec les dossiers de l’option choisie dépliés.
Chosen: website/pages. → opens a folder and ← closes it.
Longues listes
Tous les fuseaux horaires, par région. Au-delà de 200 lignes, seules les lignes visibles sont rendues, et l’option active reste rendue pour les lecteurs d’écran.
About 400 options, but only the rows in view are rendered.