數字輸入欄位 API · Needless UI

匯入

import-number-field.ts

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

把輸入欄位和它的步進按鈕組合在一起。

存放數字的文字輸入欄位，角色為 ARIA spinbutton。

NuiNumberInput: 屬性
名稱	型別	預設值	說明
`value`雙向繫結	`number \| null`	`null`	數字；為空時是 `null`。也能搭配表單使用。
`min`輸入	`number`		允許的最小值。
`max`輸入	`number`		允許的最大值。
`step`輸入	`number`	`1`	每一步改變的數值。失去焦點時，值會依步進值對齊。
`format`輸入	`Intl.NumberFormatOptions`	`{}`	`Intl.NumberFormat` 選項，例如 `{ style: 'currency', currency: 'EUR' }`。
`locale`輸入	`string`	`LOCALE_ID`	格式化和解析數字時使用的地區設定。
`disabled`輸入	`boolean`	`false`	停用輸入欄位及其按鈕。
`stepBy`方法	`(count: number) => void`		依指定的步數增加（正數）或減少（負數）數值。

步進按鈕。按住時會連續步進。

NuiNumberStep: 屬性
名稱	型別	預設值	說明
`nuiNumberStep`輸入	`number`		`1` 表示增加，`-1` 表示減少。
`label`輸入	`string`		無障礙名稱。預設為「Increase」或「Decrease」。