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`		બટનનું 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

એક વિકલ્પ. સિલેક્ટ, કૉમ્બોબૉક્સ અને કમાન્ડ પૅલેટ, ત્રણેય આ લે છે.

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>`		હરોળ, ટેમ્પ્લેટ કૉન્ટેક્સ્ટમાંથી.