API Select · Needless UI

Impor

import-select.ts

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

Tombol yang membuka daftar opsi.

NuiSelect: Properti
Nama	Tipe	Default	Deskripsi
`options`Input	`NuiOption<V>[]`		Opsi-opsinya, sebagai objek `NuiOption`.
`value`Dua arah	`V \| null`	`null`	Nilai yang dipilih, atau `null`. Juga bekerja dengan formulir.
`values`Dua arah	`readonly V[]`	`[]`	Nilai-nilai yang dipilih, dengan `multiple`.
`multiple`Input	`boolean`	`false`	Memungkinkan beberapa opsi dipilih. Daftar tetap terbuka selama Anda memilih.
`selectAll`Input	`boolean`	`false`	Dengan `multiple`, menambahkan tombol yang memilih atau mengosongkan semua opsi.
`placeholder`Input	`string`	`'Select…'`	Teks yang ditampilkan saat belum ada yang dipilih.
`label`Input	`string`		Nama aksesibel, jika tidak ada `<label>` yang menamai tombol.
`triggerId`Input	`string`		Id tombol, untuk `<label for>`.
`disabled`Input	`boolean`	`false`	Menonaktifkan select.
`compareWith`Input	`(a: V, b: V) => boolean`	`Object.is`	Menentukan apakah dua nilai adalah opsi yang sama, untuk nilai berupa objek.
`virtual`Input	`boolean \| 'auto'`	`'auto'`	Hanya merender baris yang terlihat: selalu, tidak pernah, atau `auto` jika lebih dari 200 baris.
`openChange`Output	`boolean`		Terpicu saat daftar terbuka atau tertutup.
`show`Metode	`() => void`		Membuka daftar.
`hide`Metode	`() => void`		Menutup daftar.
`focus`Metode	`(options?: FocusOptions) => void`		Memfokuskan tombol.

Setiap teks yang ditampilkan atau diumumkannya juga merupakan input, jadi Anda bisa menerjemahkannya: selectAllLabel clearAllLabel emptyLabel

Satu opsi. Select, combobox, dan palet perintah semuanya menerima objek ini.

NuiOption: Properti
Nama	Tipe	Deskripsi
`value`Properti	`V`	Nilai yang ditetapkan saat opsi ini dipilih. Tipe apa pun.
`label`Properti	`string`	Teks yang ditampilkan dan dicari.
`description`Properti	`string`	Teks sekunder di bawah label.
`group`Properti	`string`	Opsi dengan grup yang sama dicantumkan berurutan di bawah judul grup tersebut.
`keywords`Properti	`string[]`	Kata lain yang dicocokkan pencarian, misalnya sinonim atau kode.
`disabled`Properti	`boolean`	Ditampilkan, tetapi tidak bisa dipilih.
`children`Properti	`NuiOption<V>[]`	Opsi satu tingkat di bawahnya, yang menjadikan daftar sebagai pohon.

Pasang pada ng-template di dalam komponen untuk menggambar sendiri setiap baris. Konteksnya berisi opsi dan barisnya.

Menggambar label opsi dengan huruf yang cocok ditandai, beserta deskripsi dan jalurnya, untuk baris buatan Anda sendiri.

NuiOptionText: Properti
Nama	Tipe	Default	Deskripsi
`nuiOptionText`Input	`NuiOptionRow<V>`		Baris dari konteks template.