Skip to content

Latest commit

 

History

History
executable file
·
66 lines (54 loc) · 3.23 KB

index.zh-CN.md

File metadata and controls

executable file
·
66 lines (54 loc) · 3.23 KB
category subtitle type title cover
Components
数字输入框
数据录入
InputNumber

通过鼠标或键盘,输入范围内的数值。

何时使用

当需要获取标准数值时。

import { NzInputNumberModule } from 'ng-zorro-antd/input-number';

API

nz-input-number

成员 说明 类型 默认值
[ngModel] 当前值,可双向绑定 number | string | string -
[nzAutoFocus] 自动获取焦点 boolean false
[nzDisabled] 禁用 boolean false
[nzReadOnly] 只读 boolean false
[nzMax] 最大值 number Infinity
[nzMin] 最小值 number -Infinity
[nzFormatter] 指定输入框展示值的格式 (value: number | string) => string | number -
[nzParser] 指定从 nzFormatter 里转换回数字的方式,和 nzFormatter 搭配使用 (value: string) => string | number (value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')
[nzPrecision] 数值精度 number -
[nzPrecisionMode] 数值精度的取值方式 'cut' | 'toFixed' | ((value: number | string, precision?: number) => number) 'toFixed'
[nzSize] 输入框大小 'large' | 'small' | 'default' 'default'
[nzStatus] 设置校验状态 'error' | 'warning' -
[nzStep] 每次改变步数,可以为小数 number | string 1
[nzInputMode] 提供了用户在编辑元素或其内容时可能输入的数据类型的提示,详见MDN string decimal
[nzPlaceHolder] 选择框默认文字 string -
[nzId] 组件内部 input 的 id 值 string -
(ngModelChange) 数值改变时回调 EventEmitter<number> -
(nzFocus) focus时回调 EventEmitter<void> -
(nzBlur) blur时回调 EventEmitter<void> -

nz-input-number-group

参数 说明 类型 默认值
[nzAddOnAfter] 带标签的 input-number,设置后置标签,可以与 nzAddOnBefore 配合使用 string | TemplateRef<void> -
[nzAddOnBefore] 带标签的 input-number,设置前置标签,可以与 nzAddOnAfter 配合使用 string | TemplateRef<void> -
[nzPrefix] 带有前缀图标的 input-number,可以与 nzSuffix 配合使用 string | TemplateRef<void> -
[nzSuffix] 带有后缀图标的 input-number,可以与 nzPrefix 配合使用 string | TemplateRef<void> -
[nzPrefixIcon] 带有前缀图标的 input-number string -
[nzSuffixIcon] 带有后缀图标的 input-number string -
[nzCompact] 是否用紧凑模式 boolean false
[nzSize] nz-input-number-group 中所有的 nz-input-number 的大小 'large' | 'small' | 'default' 'default'
[nzStatus] 设置校验状态 'error' | 'warning' -

方法

通过 ViewChild 等方法获得实例后调用

名称 描述
focus() 获取焦点
blur() 移除焦点