इम्पोर्ट
import { NuiCombobox, type NuiOption } from '@needless-ui/angular/select';NuiCombobox
टेक्स्ट फ़ील्ड, जो टाइप करते समय विकल्प सुझाता है।
| नाम | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
optionsइनपुट | NuiOption<V>[] | विकल्प, NuiOption ऑब्जेक्ट के रूप में। | |
valueदो-तरफ़ा | V | null | null | चुनी गई वैल्यू, या null। फ़ॉर्म के साथ भी काम करती है। |
valuesदो-तरफ़ा | readonly V[] | [] | चुनी गई सभी वैल्यू, multiple के साथ। |
multipleइनपुट | boolean | false | कई विकल्प चुनने देता है, जो चिप के रूप में दिखते हैं। |
createइनपुट | (text: string) => V | टाइप किए टेक्स्ट से वैल्यू बनाता है। तब सूची ऐसा टेक्स्ट जोड़ने की पेशकश करती है जो कोई विकल्प नहीं है। | |
filteringइनपुट | boolean | true | टाइप करते समय विकल्प फ़िल्टर करता है। जब सर्वर उन्हें फ़िल्टर करे, तो इसे बंद करें। |
loadingइनपुट | boolean | false | नतीजे आने तक एक लोडिंग पंक्ति दिखाता है। |
clearableइनपुट | boolean | false | वैल्यू साफ़ करने का बटन जोड़ता है, और Esc से भी उसे साफ़ करने देता है। |
placeholderइनपुट | string | '' | फ़ील्ड खाली होने पर दिखने वाला टेक्स्ट। |
labelइनपुट | string | सुलभ नाम, जब कोई <label> फ़ील्ड को नाम न दे। | |
inputIdइनपुट | string | टेक्स्ट फ़ील्ड की id, <label for> के लिए। | |
disabledइनपुट | boolean | false | फ़ील्ड को अक्षम करता है। |
compareWithइनपुट | (a: V, b: V) => boolean | Object.is | बताता है कि दो वैल्यू एक ही विकल्प हैं या नहीं, उन वैल्यू के लिए जो ऑब्जेक्ट हैं। |
displayWithइनपुट | (value: V) => string | String | ऐसी वैल्यू का टेक्स्ट जो विकल्पों में नहीं है, जैसे उनके लोड होने से पहले सेट की गई वैल्यू। |
virtualइनपुट | boolean | 'auto' | 'auto' | सिर्फ़ दिखने वाली पंक्तियाँ रेंडर करता है: हमेशा, कभी नहीं, या 200 पंक्तियों के बाद auto। |
queryChangeआउटपुट | string | टाइप होते ही टेक्स्ट एमिट करता है, सर्वर पर खोज के लिए। | |
openChangeआउटपुट | boolean | सूची खुलने या बंद होने पर एमिट करता है। | |
showमेथड | () => void | सूची खोलता है। | |
hideमेथड | () => void | सूची बंद करता है। | |
clearमेथड | () => void | वैल्यू और टेक्स्ट साफ़ करता है। | |
focusमेथड | (options?: FocusOptions) => void | टेक्स्ट फ़ील्ड पर फ़ोकस करता है। |
दिखाया या घोषित किया जाने वाला हर टेक्स्ट भी एक इनपुट है, ताकि आप उसका अनुवाद कर सकें: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel
NuiOptionTemplate
हर पंक्ति ख़ुद बनाने के लिए इसे कंपोनेंट के अंदर किसी ng-template पर लगाएँ। कॉन्टेक्स्ट में विकल्प और उसकी पंक्ति होती है।
NuiOptionText
अपनी पंक्तियों के लिए विकल्प का लेबल बनाता है, मिले हुए अक्षर हाइलाइट करके, साथ में उसका विवरण और पाथ।
| नाम | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
nuiOptionTextइनपुट | NuiOptionRow<V> | पंक्ति, टेम्पलेट कॉन्टेक्स्ट से। |