Needless UI

Bileşenler

Combobox

Siz yazarken seçenek öneren bir metin alanı.

İçe aktarma

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

NuiCombobox

Siz yazarken seçenek öneren bir metin alanı.

Seçici
nui-combobox
AdTürVarsayılanAçıklama
optionsGirdiNuiOption<V>[]NuiOption nesneleri biçiminde seçenekler.
valueÇift yönlüV | nullnullSeçilen değer ya da null. Formlarla da çalışır.
valuesÇift yönlüreadonly V[][]multiple ile seçilen değerler.
multipleGirdibooleanfalseBirden fazla seçeneğin seçilmesine izin verir; seçilenler çip olarak gösterilir.
createGirdi(text: string) => VYazılan metinden bir değer oluşturur. Liste, seçenekler arasında olmayan metni eklemeyi önerir.
filteringGirdibooleantrueSiz yazarken seçenekleri filtreler. Filtrelemeyi sunucu yapıyorsa kapatın.
loadingGirdibooleanfalseSonuçlar beklenirken bir yükleme satırı gösterir.
clearableGirdibooleanfalseDeğeri temizleyen bir düğme ekler ve Esc ile de temizlenmesini sağlar.
placeholderGirdistring''Alan boşken gösterilen metin.
labelGirdistringAlanı adlandıran bir <label> yoksa erişilebilir ad.
inputIdGirdistring<label for> için metin alanının id’si.
disabledGirdibooleanfalseAlanı devre dışı bırakır.
compareWithGirdi(a: V, b: V) => booleanObject.isNesne olan değerlerde, iki değerin aynı seçenek olup olmadığını belirler.
displayWithGirdi(value: V) => stringStringSeçenekler arasında olmayan bir değerin metni; örneğin seçenekler yüklenmeden önce ayarlanan bir değer.
virtualGirdiboolean | '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.
queryChangeÇıktıstringSunucu araması için metni yazıldıkça yayar.
openChangeÇıktıbooleanListe açıldığında veya kapandığında tetiklenir.
showMetot() => voidListeyi açar.
hideMetot() => voidListeyi kapatır.
clearMetot() => voidDeğeri ve metni temizler.
focusMetot(options?: FocusOptions) => voidOdağı metin alanına taşır.

Gösterdiği veya duyurduğu her metin de bir girdidir, yani hepsini çevirebilirsiniz: emptyLabel loadingLabel clearLabel toggleLabel chipsLabel removeLabel createLabel

NuiOptionTemplate

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

Seçici
ng-template[nuiOptionTemplate]

NuiOptionText

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

Seçici
[nuiOptionText]
AdTürVarsayılanAçıklama
nuiOptionTextGirdiNuiOptionRow<V>Şablon bağlamındaki satır.