Import

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

NuiSelect

Tombol sing mbukak dhaptar pilihan.

Selector
nui-select
NuiSelect: Properti
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. Dhaptar tetep kabukak sajrone panjenengan milih.
selectAllInputbooleanfalseKanthi multiple, nambahake tombol sing milih utawa mbusak kabeh pilihan.
placeholderInputstring'Select…'Teks sing katon nalika durung ana sing dipilih.
labelInputstringJeneng aksesibel, yen ora ana <label> sing menehi jeneng tombol.
triggerIdInputstringId tombol, kanggo <label for>.
disabledInputbooleanfalseMateni select.
compareWithInput(a: V, b: V) => booleanObject.isNemtokake apa loro nilai iku pilihan sing padha, kanggo nilai sing awujud obyek.
virtualInputboolean | 'auto''auto'Mung nggambar baris sing katon: tansah, ora tau, utawa kanthi auto yen luwih saka 200 baris.
openChangeOutputbooleanNgetokake nalika dhaptar kabukak utawa ditutup.
showMetode() => voidMbukak dhaptar.
hideMetode() => voidNutup dhaptar.
focusMetode(options?: FocusOptions) => voidMindhah fokus menyang tombol.

Saben teks sing ditampilake utawa diumumake uga minangka input, dadi panjenengan bisa nerjemahake: selectAllLabel clearAllLabel emptyLabel

NuiOption

Siji pilihan. Select, combobox lan palet printah kabeh nampa pilihan iki.

NuiOption: Properti
JenengJinisGawanKatrangan
valuePropertiVApa sing disetel nalika dipilih. Jinis apa wae.
labelPropertistringTeks sing ditampilake lan ditelusuri.
descriptionPropertistringTeks tambahan ing sangisore label.
groupPropertistringPilihan kanthi klompok sing padha dijejerake ing sangisore heading kasebut, miturut urutan.
keywordsPropertistring[]Tembung liyane sing dicocogake panelusuran, kayata sinonim utawa kode.
disabledPropertibooleanKaton, nanging ora bisa dipilih.
childrenPropertiNuiOption<V>[]Pilihan siji level ing ngisore, sing ndadekake dhaptar dadi wit.

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]
NuiOptionText: Properti
JenengJinisGawanKatrangan
nuiOptionTextInputNuiOptionRow<V>Baris, saka konteks template.