数字输入框 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”。