Select 是點擊後會開啟選項清單的按鈕。傳入 options(一個 NuiOption 陣列),並繫結 [(value)];啟用 multiple 時則繫結 [(values)]。它也支援 Signal Forms、響應式表單和 ngModel。

選項可以帶有 group、description 和 keywords,children 則會讓清單變成樹狀結構。超過 200 列時只會渲染可見的列,因此十萬個選項也能像十個一樣快速開啟。

如果想輸入文字來篩選,請改用 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 列時只渲染可見的列,而醒目提示的選項會一直保持渲染,供螢幕閱讀器使用。

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