ఇంపోర్ట్
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 | విలువను క్లియర్ చేసే బటన్ను జోడిస్తుంది, Escape తోనూ క్లియర్ చేయనిస్తుంది. |
placeholderఇన్పుట్ | string | '' | ఫీల్డ్ ఖాళీగా ఉన్నప్పుడు కనిపించే టెక్స్ట్. |
labelఇన్పుట్ | string | ఏ <label> ఫీల్డ్కు పేరు ఇవ్వనప్పుడు, యాక్సెసిబుల్ పేరు. | |
inputIdఇన్పుట్ | string | <label for> కోసం టెక్స్ట్ ఫీల్డ్ id. | |
disabledఇన్పుట్ | boolean | false | ఫీల్డ్ను డిసేబుల్ చేస్తుంది. |
compareWithఇన్పుట్ | (a: V, b: V) => boolean | Object.is | ఆబ్జెక్ట్లైన విలువల కోసం, రెండు విలువలు ఒకే ఆప్షనా కాదా అని చెబుతుంది. |
displayWithఇన్పుట్ | (value: V) => string | String | ఆప్షన్లలో లేని విలువకు టెక్స్ట్; ఉదాహరణకు, అవి లోడ్ కాకముందే సెట్ చేసిన విలువ. |
virtualఇన్పుట్ | boolean | 'auto' | 'auto' | కనిపించే వరుసలనే రెండర్ చేస్తుంది: ఎల్లప్పుడూ, ఎప్పుడూ కాదు, లేదా auto తో 200 వరుసలు దాటాక. |
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> | టెంప్లేట్ కాంటెక్స్ట్ నుంచి వచ్చే వరుస. |