La select è un pulsante che apre un elenco di opzioni. Passale options, un array di NuiOption, e collega [(value)], oppure [(values)] con multiple. Funziona anche con Signal Forms, i form reattivi e ngModel.

Le opzioni possono avere un group, una description e delle keywords, e children trasforma l’elenco in un albero. Oltre le 200 righe, vengono renderizzate solo quelle visibili, così 100.000 opzioni si aprono veloci come dieci.

Per digitare e filtrare, usa invece la combobox.

Gruppi

Le opzioni con un group sono elencate sotto la sua intestazione. Digitando una lettera si salta alla prossima opzione che inizia con essa.

Chosen: it. Type “s” to jump to Spain, again for Switzerland.

Più opzioni insieme

multiple tiene aperto l’elenco e collega [(values)]. selectAll aggiunge un pulsante che seleziona o deseleziona tutte le opzioni. Le opzioni disattivate non si possono scegliere.

2 toppings. The list stays open while you pick.

Albero

Le opzioni con children formano un albero. L’elenco si apre con le cartelle dell’opzione scelta già espanse.

Chosen: website/pages. → opens a folder and ← closes it.

Elenchi lunghi

Tutti i fusi orari, per regione. Oltre le 200 righe, vengono renderizzate solo quelle visibili, e l’opzione attiva resta renderizzata per gli screen reader.

About 400 options, but only the rows in view are rendered.