Needless UI

Vijenzi

Combobox

Sehemu ya maandishi inayopendekeza chaguo unapoandika.

Kuingiza

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

NuiCombobox

Sehemu ya maandishi inayopendekeza chaguo unapoandika.

Kiteuzi
nui-combobox
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, zinazoonyeshwa kama chip.
createInput(text: string) => VHuunda thamani kutoka kwa maandishi yaliyoandikwa. Kisha orodha hutoa nafasi ya kuongeza maandishi yasiyo chaguo.
filteringInputbooleantrueHuchuja chaguo unapoandika. Izime ikiwa seva ndiyo inayozichuja.
loadingInputbooleanfalseHuonyesha safu ya kupakia matokeo yakiwa njiani.
clearableInputbooleanfalseHuongeza kitufe kinachofuta thamani, na huruhusu Escape kuifuta.
placeholderInputstring''Maandishi yanayoonyeshwa sehemu ikiwa tupu.
labelInputstringJina linalofikika, ikiwa hakuna <label> inayoipa sehemu jina.
inputIdInputstringId ya sehemu ya maandishi, kwa <label for>.
disabledInputbooleanfalseHuzima sehemu.
compareWithInput(a: V, b: V) => booleanObject.isHuamua kama thamani mbili ni chaguo lilelile, kwa thamani ambazo ni vitu.
displayWithInput(value: V) => stringStringMaandishi ya thamani isiyo miongoni mwa chaguo, kama iliyowekwa kabla hazijapakia.
virtualInputboolean | 'auto''auto'Huchora safu zinazoonekana pekee: daima, kamwe, au kwa auto safu zikizidi 200.
queryChangeOutputstringHutoa maandishi yanapoandikwa, kwa utafutaji kwenye seva.
openChangeOutputbooleanHutoa tukio orodha inapofunguka au inapofungwa.
showMbinu() => voidHufungua orodha.
hideMbinu() => voidHufunga orodha.
clearMbinu() => voidHufuta thamani na maandishi.
focusMbinu(options?: FocusOptions) => voidHuweka focus kwenye sehemu ya maandishi.

Maandishi yote yanayoonyeshwa au kutangazwa pia ni input, hivyo unaweza kuyatafsiri: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel

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]
JinaAinaChaguomsingiMaelezo
nuiOptionTextInputNuiOptionRow<V>Safu, kutoka kwenye muktadha wa template.