ఇంపోర్ట్
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 | <label for> కోసం బటన్ id. | |
disabledఇన్పుట్ | boolean | false | సెలెక్ట్ను డిసేబుల్ చేస్తుంది. |
compareWithఇన్పుట్ | (a: V, b: V) => boolean | Object.is | ఆబ్జెక్ట్లైన విలువల కోసం, రెండు విలువలు ఒకే ఆప్షనా కాదా అని చెబుతుంది. |
virtualఇన్పుట్ | boolean | 'auto' | 'auto' | కనిపించే వరుసలనే రెండర్ చేస్తుంది: ఎల్లప్పుడూ, ఎప్పుడూ కాదు, లేదా auto తో 200 వరుసలు దాటాక. |
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> | టెంప్లేట్ కాంటెక్స్ట్ నుంచి వచ్చే వరుస. |