Kuingiza

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

NuiSelect

Kitufe kinachofungua orodha ya chaguo.

Kiteuzi
nui-select
NuiSelect: Sifa
JinaAinaChaguomsingiMaelezo
optionsInputNuiOption<V>[]Chaguo, kama vitu vya NuiOption.
valuePande mbiliV | nullnullThamani iliyochaguliwa, au null. Hufanya kazi pia na fomu.
valuesPande mbilireadonly V[][]Thamani zilizochaguliwa, kwa multiple.
multipleInputbooleanfalseHuruhusu kuchagua chaguo kadhaa. Orodha hubaki wazi unapochagua.
selectAllInputbooleanfalseKwa multiple, huongeza kitufe kinachochagua au kufuta chaguo zote.
placeholderInputstring'Select…'Maandishi yanayoonyeshwa wakati hakuna kilichochaguliwa.
labelInputstringJina linalofikika, ikiwa hakuna <label> inayokipa kitufe jina.
triggerIdInputstringId ya kitufe, kwa <label for>.
disabledInputbooleanfalseHuzima select.
compareWithInput(a: V, b: V) => booleanObject.isHuamua kama thamani mbili ni chaguo lilelile, kwa thamani ambazo ni vitu.
virtualInputboolean | 'auto''auto'Huchora safu zinazoonekana pekee: daima, kamwe, au kwa auto safu zikizidi 200.
openChangeOutputbooleanHutoa tukio orodha inapofunguka au inapofungwa.
showMbinu() => voidHufungua orodha.
hideMbinu() => voidHufunga orodha.
focusMbinu(options?: FocusOptions) => voidHuweka focus kwenye kitufe.

Maandishi yote yanayoonyeshwa au kutangazwa pia ni input, hivyo unaweza kuyatafsiri: selectAllLabel clearAllLabel emptyLabel

NuiOption

Chaguo moja. Select, combobox na paleti ya amri zote hupokea chaguo hizi.

NuiOption: Sifa
JinaAinaChaguomsingiMaelezo
valueSifaVKinachowekwa likichaguliwa. Aina yoyote.
labelSifastringMaandishi yanayoonyeshwa na kutafutwa.
descriptionSifastringMaandishi ya ziada chini ya lebo.
groupSifastringChaguo zenye kundi moja huorodheshwa chini ya kichwa hicho, kwa mpangilio.
keywordsSifastring[]Maneno zaidi ambayo utafutaji hulinganisha, kama visawe au misimbo.
disabledSifabooleanHuonyeshwa, lakini haliwezi kuchaguliwa.
childrenSifaNuiOption<V>[]Chaguo za ngazi moja chini, zinazofanya orodha kuwa mti.

NuiOptionTemplate

Iweke kwenye ng-template ndani ya kijenzi ili uchore kila safu mwenyewe. Muktadha una chaguo na safu yake.

Kiteuzi
ng-template[nuiOptionTemplate]

NuiOptionText

Huchora lebo ya chaguo, herufi zinazolingana zikiwa na alama, pamoja na maelezo na njia yake, kwa safu zako mwenyewe.

Kiteuzi
[nuiOptionText]
NuiOptionText: Sifa
JinaAinaChaguomsingiMaelezo
nuiOptionTextInputNuiOptionRow<V>Safu, kutoka kwenye muktadha wa template.