Importação

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

NuiNumberField

Agrupa a entrada com os botões de passo.

Seletor
[nuiNumberField]

NuiNumberInput

Uma entrada de texto que guarda um número, como um spinbutton ARIA.

Seletor
input[nuiNumberInput]
NuiNumberInput: Propriedades
NomeTipoPadrãoDescrição
valueBidirecionalnumber | nullnullO número, ou null quando vazio. Também funciona com formulários.
minInputnumberMenor valor permitido.
maxInputnumberMaior valor permitido.
stepInputnumber1Quanto um passo muda o valor. Ao perder o foco, o valor se ajusta a ele.
formatInputIntl.NumberFormatOptions{}Opções de Intl.NumberFormat, como { style: 'currency', currency: 'EUR' }.
localeInputstringLOCALE_IDLocalidade usada para formatar e ler números.
disabledInputbooleanfalseDesativa a entrada e os botões.
stepByMétodo(count: number) => voidSobe (positivo) ou desce (negativo) um número de passos.

NuiNumberStep

Um botão de passo. Mantê-lo pressionado repete a ação.

Seletor
button[nuiNumberStep]
NuiNumberStep: Propriedades
NomeTipoPadrãoDescrição
nuiNumberStepInputnumber1 sobe um passo e -1 desce um passo.
labelInputstringNome acessível. O padrão é “Increase” ou “Decrease”.