Select API · Needless UI

இம்போர்ட்

import-select.ts

import { type NuiOption, NuiSelect } from '@needless-ui/angular/select';

NuiSelect

விருப்பங்களின் பட்டியலைத் திறக்கும் பொத்தான்.

செலக்டர்: nui-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

ஒரு விருப்பம். செலக்ட், காம்போபாக்ஸ், கட்டளைத் தட்டு மூன்றும் இவற்றையே ஏற்கின்றன.

NuiOption: பண்புகள்
பெயர்	வகை	விளக்கம்
`value`பண்பு	`V`	இதைத் தேர்ந்தெடுத்தால் அமையும் மதிப்பு. எந்த வகையும் ஆகலாம்.
`label`பண்பு	`string`	தெரியும், தேடப்படும் உரை.
`description`பண்பு	`string`	லேபிளின் கீழ் உள்ள துணை உரை.
`group`பண்பு	`string`	ஒரே குழு கொண்ட விருப்பங்கள் அந்தத் தலைப்பின் கீழ், வரிசைப்படி பட்டியலிடப்படும்.
`keywords`பண்பு	`string[]`	தேடல் பொருத்தும் கூடுதல் சொற்கள், எடுத்துக்காட்டாக ஒத்த சொற்கள் அல்லது குறியீடுகள்.
`disabled`பண்பு	`boolean`	தெரியும், ஆனால் தேர்ந்தெடுக்க முடியாது.
`children`பண்பு	`NuiOption<V>[]`	ஒரு நிலை கீழே உள்ள விருப்பங்கள்; இவை பட்டியலை மரமாக்குகின்றன.

NuiOptionTemplate

ஒவ்வொரு வரிசையையும் நீங்களே வரைய, கம்போனென்ட்டுக்குள் ஒரு ng-template-இல் இதை வையுங்கள். சூழலில் விருப்பமும் அதன் வரிசையும் இருக்கும்.

செலக்டர்: ng-template[nuiOptionTemplate]

NuiOptionText

உங்கள் சொந்த வரிசைகளுக்காக, பொருந்திய எழுத்துகள் குறிக்கப்பட்ட விருப்ப லேபிளையும், அதன் விளக்கத்தையும் பாதையையும் வரைகிறது.

செலக்டர்: [nuiOptionText]

NuiOptionText: பண்புகள்
பெயர்	வகை	இயல்புநிலை	விளக்கம்
`nuiOptionText`இன்புட்	`NuiOptionRow<V>`		டெம்ப்ளேட் சூழலிலிருந்து வரும் வரிசை.