Select API’si · Needless UI

İçe aktarma

import-select.ts

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

Bir seçenek listesi açan düğme.

NuiSelect: Özellikler
Ad	Tür	Varsayılan	Açıklama
`options`Girdi	`NuiOption<V>[]`		`NuiOption` nesneleri biçiminde seçenekler.
`value`Çift yönlü	`V \| null`	`null`	Seçilen değer ya da `null`. Formlarla da çalışır.
`values`Çift yönlü	`readonly V[]`	`[]`	`multiple` ile seçilen değerler.
`multiple`Girdi	`boolean`	`false`	Birden fazla seçeneğin seçilmesine izin verir. Siz seçerken liste açık kalır.
`selectAll`Girdi	`boolean`	`false`	`multiple` ile, tüm seçenekleri seçen veya temizleyen bir düğme ekler.
`placeholder`Girdi	`string`	`'Select…'`	Hiçbir şey seçilmemişken gösterilen metin.
`label`Girdi	`string`		Düğmeyi adlandıran bir `<label>` yoksa erişilebilir ad.
`triggerId`Girdi	`string`		`<label for>` için düğmenin id’si.
`disabled`Girdi	`boolean`	`false`	Select bileşenini devre dışı bırakır.
`compareWith`Girdi	`(a: V, b: V) => boolean`	`Object.is`	Nesne olan değerlerde, iki değerin aynı seçenek olup olmadığını belirler.
`virtual`Girdi	`boolean \| 'auto'`	`'auto'`	Yalnızca görünen satırları render eder: her zaman, hiçbir zaman ya da `auto` ile 200 satırı aşınca.
`openChange`Çıktı	`boolean`		Liste açıldığında veya kapandığında tetiklenir.
`show`Metot	`() => void`		Listeyi açar.
`hide`Metot	`() => void`		Listeyi kapatır.
`focus`Metot	`(options?: FocusOptions) => void`		Odağı düğmeye taşır.

Gösterdiği veya duyurduğu her metin de bir girdidir, yani hepsini çevirebilirsiniz: selectAllLabel clearAllLabel emptyLabel

Tek bir seçenek. Select, combobox ve komut paleti bunları alır.

NuiOption: Özellikler
Ad	Tür	Açıklama
`value`Özellik	`V`	Seçildiğinde ayarlanan değer. Her türden olabilir.
`label`Özellik	`string`	Gösterilen ve aranan metin.
`description`Özellik	`string`	Etiketin altındaki ikincil metin.
`group`Özellik	`string`	Aynı gruptaki seçenekler sırasıyla o başlığın altında listelenir.
`keywords`Özellik	`string[]`	Aramanın eşleştirdiği ek sözcükler; örneğin eş anlamlılar veya kodlar.
`disabled`Özellik	`boolean`	Gösterilir ama seçilemez.
`children`Özellik	`NuiOption<V>[]`	Bir alt düzeydeki seçenekler; listeyi bir ağaca dönüştürür.

Her satırı kendiniz çizmek için bileşenin içindeki bir ng-template üzerine koyun. Bağlamda seçenek ve satırı bulunur.

Kendi satırlarınız için bir seçeneğin etiketini (eşleşen harfler işaretli), açıklamasını ve yolunu çizer.

NuiOptionText: Özellikler
Ad	Tür	Varsayılan	Açıklama
`nuiOptionText`Girdi	`NuiOptionRow<V>`		Şablon bağlamındaki satır.