Select — это кнопка, которая открывает список вариантов. Передайте ему options — массив NuiOption — и привяжите [(value)] или [(values)] с multiple. Он работает и с Signal Forms, реактивными формами и ngModel.
У вариантов могут быть group, description и keywords, а children превращают список в дерево. Если строк больше 200, рендерятся только видимые, поэтому 100 000 вариантов открываются так же быстро, как десять.
Чтобы вводить текст и фильтровать, используйте combobox.
Группы
Варианты с group выводятся под заголовком группы. Ввод буквы переводит к следующему варианту, который с неё начинается.
Chosen: it. Type “s” to jump to Spain, again for Switzerland.
Несколько сразу
multiple оставляет список открытым и привязывает [(values)]. selectAll добавляет кнопку, которая выбирает все варианты или снимает выбор. Отключённые варианты выбрать нельзя.
2 toppings. The list stays open while you pick.
Дерево
Варианты с children образуют дерево. Список открывается с раскрытыми папками выбранного варианта.
Chosen: website/pages. → opens a folder and ← closes it.
Длинные списки
Все часовые пояса по регионам. Если строк больше 200, рендерятся только видимые, а активный вариант остаётся в DOM для скринридеров.
About 400 options, but only the rows in view are rendered.