Impor

import-number-field.ts
import { NuiNumberField, NuiNumberInput, NuiNumberStep } from '@needless-ui/angular/number-field';

NuiNumberField

Mengelompokkan input dengan tombol langkahnya.

Selektor
[nuiNumberField]

NuiNumberInput

Input teks yang menyimpan angka, sebagai spinbutton ARIA.

Selektor
input[nuiNumberInput]
NuiNumberInput: Properti
NamaTipeDefaultDeskripsi
valueDua arahnumber | nullnullAngkanya, atau null jika kosong. Juga bekerja dengan formulir.
minInputnumberNilai terkecil yang diizinkan.
maxInputnumberNilai terbesar yang diizinkan.
stepInputnumber1Besar perubahan nilai dalam satu langkah. Saat kehilangan fokus, nilai dibulatkan ke langkah terdekat.
formatInputIntl.NumberFormatOptions{}Opsi Intl.NumberFormat, misalnya { style: 'currency', currency: 'EUR' }.
localeInputstringLOCALE_IDLocale untuk memformat dan membaca angka.
disabledInputbooleanfalseMenonaktifkan input beserta tombolnya.
stepByMetode(count: number) => voidMenaikkan (positif) atau menurunkan (negatif) nilai sebanyak sejumlah langkah.

NuiNumberStep

Tombol langkah. Jika ditahan, langkahnya berulang.

Selektor
button[nuiNumberStep]
NuiNumberStep: Properti
NamaTipeDefaultDeskripsi
nuiNumberStepInputnumber1 menaikkan nilai dan -1 menurunkannya.
labelInputstringNama aksesibel. Default-nya “Increase” atau “Decrease”.