இம்போர்ட்
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> | டெம்ப்ளேட் சூழலிலிருந்து வரும் வரிசை. |