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.