Needless UI

कंपोनेंट

Select

एक या कई विकल्प चुनें, छोटी सूची से या बहुत बड़ी से।

इम्पोर्ट

import-select.ts
import { type NuiOption, NuiSelect } from '@needless-ui/angular/select';

NuiSelect

बटन, जो विकल्पों की सूची खोलता है।

सिलेक्टर
nui-select
नामटाइपडिफ़ॉल्टविवरण
optionsइनपुटNuiOption<V>[]विकल्प, NuiOption ऑब्जेक्ट के रूप में।
valueदो-तरफ़ाV | nullnullचुनी गई वैल्यू, या null। फ़ॉर्म के साथ भी काम करती है।
valuesदो-तरफ़ाreadonly V[][]चुनी गई सभी वैल्यू, multiple के साथ।
multipleइनपुटbooleanfalseकई विकल्प चुनने देता है। चुनते समय सूची खुली रहती है।
selectAllइनपुटbooleanfalsemultiple के साथ, एक बटन जोड़ता है जो हर विकल्प चुनता या हटाता है।
placeholderइनपुटstring'Select…'कुछ न चुने होने पर दिखने वाला टेक्स्ट।
labelइनपुटstringसुलभ नाम, जब कोई <label> बटन को नाम न दे।
triggerIdइनपुटstringबटन की id, <label for> के लिए।
disabledइनपुटbooleanfalseसिलेक्ट को अक्षम करता है।
compareWithइनपुट(a: V, b: V) => booleanObject.isबताता है कि दो वैल्यू एक ही विकल्प हैं या नहीं, उन वैल्यू के लिए जो ऑब्जेक्ट हैं।
virtualइनपुटboolean | 'auto''auto'सिर्फ़ दिखने वाली पंक्तियाँ रेंडर करता है: हमेशा, कभी नहीं, या 200 पंक्तियों के बाद auto।
openChangeआउटपुटbooleanसूची खुलने या बंद होने पर एमिट करता है।
showमेथड() => voidसूची खोलता है।
hideमेथड() => voidसूची बंद करता है।
focusमेथड(options?: FocusOptions) => voidबटन पर फ़ोकस करता है।

दिखाया या घोषित किया जाने वाला हर टेक्स्ट भी एक इनपुट है, ताकि आप उसका अनुवाद कर सकें: selectAllLabel clearAllLabel emptyLabel

NuiOption

एक विकल्प। सिलेक्ट, कॉम्बोबॉक्स और कमांड पैलेट, तीनों यही लेते हैं।

नामटाइपडिफ़ॉल्टविवरण
valueप्रॉपर्टीVइसे चुनने पर सेट होने वाली वैल्यू। कोई भी टाइप।
labelप्रॉपर्टीstringदिखने और खोजा जाने वाला टेक्स्ट।
descriptionप्रॉपर्टीstringलेबल के नीचे का सहायक टेक्स्ट।
groupप्रॉपर्टीstringएक ही ग्रुप वाले विकल्प उस हेडिंग के नीचे, क्रम से दिखते हैं।
keywordsप्रॉपर्टीstring[]अतिरिक्त शब्द, जिनसे खोज मेल खाती है, जैसे पर्यायवाची या कोड।
disabledप्रॉपर्टीbooleanदिखता है, पर चुना नहीं जा सकता।
childrenप्रॉपर्टीNuiOption<V>[]एक लेवल नीचे के विकल्प, जो सूची को ट्री बनाते हैं।

NuiOptionTemplate

हर पंक्ति ख़ुद बनाने के लिए इसे कंपोनेंट के अंदर किसी ng-template पर लगाएँ। कॉन्टेक्स्ट में विकल्प और उसकी पंक्ति होती है।

सिलेक्टर
ng-template[nuiOptionTemplate]

NuiOptionText

अपनी पंक्तियों के लिए विकल्प का लेबल बनाता है, मिले हुए अक्षर हाइलाइट करके, साथ में उसका विवरण और पाथ।

सिलेक्टर
[nuiOptionText]
नामटाइपडिफ़ॉल्टविवरण
nuiOptionTextइनपुटNuiOptionRow<V>पंक्ति, टेम्पलेट कॉन्टेक्स्ट से।