Das Select ist ein Button, der eine Liste von Optionen öffnet. Übergib options, ein Array aus NuiOption, und binde [(value)] oder, mit multiple, [(values)]. Es funktioniert auch mit Signal Forms, Reactive Forms und ngModel.
Optionen können eine group, eine description und keywords haben, und children macht die Liste zu einem Baum. Bei mehr als 200 Zeilen werden nur die sichtbaren gerendert, sodass sich 100.000 Optionen so schnell öffnen wie zehn.
Wenn du stattdessen tippen und filtern willst, nimm die Combobox.
Gruppen
Optionen mit einer group stehen unter deren Überschrift. Ein getippter Buchstabe springt zur nächsten Option, die damit beginnt.
Chosen: it. Type “s” to jump to Spain, again for Switzerland.
Mehrere auf einmal
multiple hält die Liste offen und bindet [(values)]. selectAll ergänzt einen Button, der alle Optionen auswählt oder abwählt. Deaktivierte Optionen lassen sich nicht wählen.
2 toppings. The list stays open while you pick.
Baum
Optionen mit children bilden einen Baum. Die Liste öffnet sich mit aufgeklappten Ordnern bis zur gewählten Option.
Chosen: website/pages. → opens a folder and ← closes it.
Lange Listen
Alle Zeitzonen, nach Region. Bei mehr als 200 Zeilen werden nur die sichtbaren gerendert, und die aktive Option bleibt für Screenreader gerendert.
About 400 options, but only the rows in view are rendered.