इम्पोर्ट
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> | ओळ, टेम्पलेट कॉन्टेक्स्टमधून. |