इम्पोर्ट
import { type NuiOption, NuiSelect } from '@needless-ui/angular/select';NuiSelect
पर्यायांची यादी उघडणारे बटण.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
optionsइनपुट | NuiOption<V>[] | पर्याय, NuiOption ऑब्जेक्ट्सच्या स्वरूपात. | |
valueदुतर्फी | V | null | null | निवडलेली व्हॅल्यू, किंवा null. फॉर्म्ससोबतही काम करते. |
valuesदुतर्फी | readonly V[] | [] | निवडलेल्या व्हॅल्यू, multiple सह. |
multipleइनपुट | boolean | false | अनेक पर्याय निवडू देते. निवडताना यादी उघडी राहते. |
selectAllइनपुट | boolean | false | multiple सह, प्रत्येक पर्याय निवडणारे किंवा काढणारे बटण जोडते. |
placeholderइनपुट | string | 'Select…' | काहीच निवडलेले नसताना दिसणारा मजकूर. |
labelइनपुट | string | ॲक्सेसिबल नाव, जेव्हा कोणतेही <label> बटणाला नाव देत नाही. | |
triggerIdइनपुट | string | बटणाचा id, <label for> साठी. | |
disabledइनपुट | boolean | false | सिलेक्ट अक्षम करते. |
compareWithइनपुट | (a: V, b: V) => boolean | Object.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 वर लावा. कॉन्टेक्स्टमध्ये पर्याय आणि त्याची ओळ असते.
NuiOptionText
आपल्या स्वतःच्या ओळींसाठी पर्यायाचे लेबल काढते, जुळलेली अक्षरे हायलाइट करून, सोबत त्याचे वर्णन आणि पाथ.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
nuiOptionTextइनपुट | NuiOptionRow<V> | ओळ, टेम्पलेट कॉन्टेक्स्टमधून. |