Импорт

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

NuiNumberField

Объединяет поле ввода с его кнопками шага.

Селектор
[nuiNumberField]

NuiNumberInput

Текстовое поле ввода для числа с ARIA-ролью spinbutton.

Селектор
input[nuiNumberInput]
NuiNumberInput: Свойства
ИмяТипПо умолчаниюОписание
valueДвустороннийnumber | nullnullЧисло или null, если поле пустое. Работает и с формами.
minInputnumberМинимальное допустимое значение.
maxInputnumberМаксимальное допустимое значение.
stepInputnumber1На сколько меняется значение за один шаг. При потере фокуса значение округляется до ближайшего шага.
formatInputIntl.NumberFormatOptions{}Параметры Intl.NumberFormat, например { style: 'currency', currency: 'EUR' }.
localeInputstringLOCALE_IDЛокаль для форматирования и распознавания чисел.
disabledInputbooleanfalseОтключает поле и его кнопки.
stepByМетод(count: number) => voidМеняет значение на заданное число шагов: вверх (положительное число) или вниз (отрицательное).

NuiNumberStep

Кнопка шага. При удержании шаги повторяются.

Селектор
button[nuiNumberStep]
NuiNumberStep: Свойства
ИмяТипПо умолчаниюОписание
nuiNumberStepInputnumber1 — шаг вверх, -1 — шаг вниз.
labelInputstringДоступное имя. По умолчанию — «Increase» или «Decrease».