API der Komponente Zahlenfeld

Import

import-number-field.ts

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

Gruppiert das Eingabefeld mit seinen Schritt-Buttons.

Ein Texteingabefeld, das eine Zahl enthält, als ARIA-Spinbutton.

NuiNumberInput: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`value`Two-Way	`number \| null`	`null`	Die Zahl oder `null`, wenn das Feld leer ist. Funktioniert auch mit Formularen.
`min`Input	`number`		Kleinster erlaubter Wert.
`max`Input	`number`		Größter erlaubter Wert.
`step`Input	`number`	`1`	Um wie viel ein Schritt den Wert ändert. Beim Verlassen des Felds rastet der Wert darauf ein.
`format`Input	`Intl.NumberFormatOptions`	`{}`	Optionen für `Intl.NumberFormat`, etwa `{ style: 'currency', currency: 'EUR' }`.
`locale`Input	`string`	`LOCALE_ID`	Locale zum Formatieren und Einlesen von Zahlen.
`disabled`Input	`boolean`	`false`	Deaktiviert das Eingabefeld und seine Buttons.
`stepBy`Methode	`(count: number) => void`		Geht eine Anzahl von Schritten nach oben (positiv) oder unten (negativ).

Ein Schritt-Button. Gedrückt gehalten, wiederholt er sich.

NuiNumberStep: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`nuiNumberStep`Input	`number`		`1` geht einen Schritt nach oben, `-1` einen nach unten.
`label`Input	`string`		Zugänglicher Name. Standardmäßig „Increase“ oder „Decrease“.