مكوّن Select زرٌّ يفتح قائمة خيارات. مرّر إليه options، وهي مصفوفة من NuiOption، واربط [(value)]، أو [(values)] مع multiple. ويعمل أيضًا مع Signal Forms والنماذج التفاعلية (reactive forms) وngModel.
يمكن أن يكون للخيارات group وdescription وkeywords، وتجعل children القائمة شجرة. وبعد 200 صف لا تُرسم إلا الصفوف الظاهرة، فتُفتح قائمة من 100 ألف خيار بسرعة قائمة من عشرة.
وإن أردت الكتابة والتصفية بدلًا من ذلك، فاستخدم مكوّن 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.