Needless UI

组件

输入掩码

在输入时自动格式化的文本框：日期、银行卡号、IBAN 和各类代码。

导入

import-mask.ts
import { nuiCardMask, nuiIbanMask, NuiMask } from '@needless-ui/angular/mask';

NuiMask

作用于原生文本框的掩码。

选择器
input[nuiMask]
导出为
nuiMask
名称类型默认值说明
nuiMask输入string | ((raw: string) => string)掩码，或根据已输入数据选择掩码的函数。
tokens输入Record<string, NuiMaskToken>要添加或替换的掩码字符。
unmask输入booleanfalse值只包含数据，不含固定字符。
value双向绑定string''值：显示的内容；设置 unmask 时为数据。
raw属性Signal<string>已输入的数据，不含固定字符。
complete属性Signal<boolean>掩码中的每个位置是否都已填满。

Helpers

用于格式化、校验和构建掩码的函数。

名称类型默认值说明
nuiMaskFormat, nuiUnmask方法(value, mask) => string用掩码格式化一个值，或从格式化后的值中取出数据。
nuiCardMask方法(raw: string) => string银行卡号的掩码，按卡品牌印在卡上的方式分组。
nuiCardBrand方法(number: string) => NuiCardBrand | null根据卡号开头的数字判断出的卡品牌。
nuiCardValid, nuiLuhn方法(number: string) => boolean卡号的长度是否符合其卡品牌，并通过 Luhn 校验。
nuiIbanMask方法(raw: string) => stringIBAN 的掩码，长度与该国的 IBAN 一致。
nuiIbanValid方法(iban: string) => booleanIBAN 的长度是否符合其所属国家，且校验位正确。