Needless UI

Komponen

Combobox

Kolom teks sing menehi saran pilihan nalika panjenengan ngetik.

Import

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

NuiCombobox

Kolom teks sing menehi saran pilihan nalika panjenengan ngetik.

Selector
nui-combobox
JenengJinisGawanKatrangan
optionsInputNuiOption<V>[]Pilihan-pilihan, minangka obyek NuiOption.
valueRong arahV | nullnullNilai sing dipilih, utawa null. Uga bisa karo formulir.
valuesRong arahreadonly V[][]Nilai-nilai sing dipilih, kanthi multiple.
multipleInputbooleanfalseNgidini milih sawetara pilihan, ditampilake minangka chip.
createInput(text: string) => VNggawe nilai saka teks sing diketik. Dhaptar banjur nawakake nambah teks sing dudu pilihan.
filteringInputbooleantrueNyaring pilihan nalika panjenengan ngetik. Pateni yen server sing nyaring.
loadingInputbooleanfalseNampilake baris loading nalika asil lagi ing dalan.
clearableInputbooleanfalseNambahake tombol kanggo mbusak nilai, lan ngidini Escape mbusak.
placeholderInputstring''Teks sing katon nalika kolom kosong.
labelInputstringJeneng aksesibel, yen ora ana <label> sing menehi jeneng kolom.
inputIdInputstringId kolom teks, kanggo <label for>.
disabledInputbooleanfalseMateni kolom.
compareWithInput(a: V, b: V) => booleanObject.isNemtokake apa loro nilai iku pilihan sing padha, kanggo nilai sing awujud obyek.
displayWithInput(value: V) => stringStringTeks kanggo nilai sing ora ana ing pilihan, kayata nilai sing disetel sadurunge pilihan dimuat.
virtualInputboolean | 'auto''auto'Mung nggambar baris sing katon: tansah, ora tau, utawa kanthi auto yen luwih saka 200 baris.
queryChangeOutputstringNgetokake teks nalika diketik, kanggo panelusuran server.
openChangeOutputbooleanNgetokake nalika dhaptar kabukak utawa ditutup.
showMetode() => voidMbukak dhaptar.
hideMetode() => voidNutup dhaptar.
clearMetode() => voidMbusak nilai lan teks.
focusMetode(options?: FocusOptions) => voidMindhah fokus menyang kolom teks.

Saben teks sing ditampilake utawa diumumake uga minangka input, dadi panjenengan bisa nerjemahake: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel

NuiOptionTemplate

Pasang ing ng-template ing njero komponen kanggo nggambar saben baris dhewe. Konteks-e ngemot pilihan lan barise.

Selector
ng-template[nuiOptionTemplate]

NuiOptionText

Nggambar label pilihan kanthi aksara sing cocog ditandhani, uga katrangan lan path-e, kanggo baris panjenengan dhewe.

Selector
[nuiOptionText]
JenengJinisGawanKatrangan
nuiOptionTextInputNuiOptionRow<V>Baris, saka konteks template.