셀렉트는 옵션 목록을 여는 버튼입니다. NuiOption 배열인 options를 전달하고 [(value)]를 바인딩하거나, multiple과 함께 [(values)]를 바인딩합니다. Signal Forms, 반응형 폼, ngModel과도 함께 동작합니다.
옵션에는 group, description, keywords를 지정할 수 있으며, children이 있으면 목록이 트리가 됩니다. 200행을 넘으면 보이는 행만 렌더링하므로, 옵션이 10만 개여도 10개일 때만큼 빠르게 열립니다.
입력해서 필터링하려면 콤보박스를 사용합니다.
그룹
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.