API di Campo numerico · Needless UI

Import

import-number-field.ts

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

Raggruppa l’input con i suoi pulsanti di incremento.

Un input di testo che contiene un numero, come spinbutton ARIA.

NuiNumberInput: Proprietà
Nome	Tipo	Predefinito	Descrizione
`value`Bidirezionale	`number \| null`	`null`	Il numero, o `null` se è vuoto. Funziona anche con i moduli.
`min`Input	`number`		Valore minimo consentito.
`max`Input	`number`		Valore massimo consentito.
`step`Input	`number`	`1`	Di quanto cambia il valore a ogni passo. Quando l’input perde il focus, il valore si allinea a questo passo.
`format`Input	`Intl.NumberFormatOptions`	`{}`	Opzioni di `Intl.NumberFormat`, come `{ style: 'currency', currency: 'EUR' }`.
`locale`Input	`string`	`LOCALE_ID`	Locale per formattare e leggere i numeri.
`disabled`Input	`boolean`	`false`	Disattiva l’input e i suoi pulsanti.
`stepBy`Metodo	`(count: number) => void`		Avanza (positivo) o arretra (negativo) di un certo numero di passi.

Un pulsante di incremento. Tenerlo premuto ripete l’azione.

NuiNumberStep: Proprietà
Nome	Tipo	Predefinito	Descrizione
`nuiNumberStep`Input	`number`		`1` sale di un passo e `-1` scende di un passo.
`label`Input	`string`		Nome accessibile. Di default è «Increase» o «Decrease».