验证码输入框 API · Needless UI

导入

import-otp.ts

import { NuiOtp, NuiOtpInput } from '@needless-ui/angular/otp';

绘制格子并包裹输入框。

NuiOtp: 属性
名称	类型	默认值	说明
`length`输入	`number`	`6`	字符数。
`pattern`输入	`'digits' \| 'alphanumeric'`	`'digits'`	`digits`，或允许字母和数字的 `alphanumeric`。
`groups`输入	`number[]`	`[]`	各组的长度，组与组之间会显示分隔符，例如 `[3, 3]`。
`masked`输入	`boolean`	`false`	用圆点代替字符显示。
`completed`输出	`string`		每次填满最后一格时发出验证码。

真正的输入框。它会获得一次性验证码所需的属性。

NuiOtpInput: 属性
名称	类型	默认值	说明
`webOtp`输入	`boolean`	`false`	在支持的环境中，通过 WebOTP API 从收到的短信中填入验证码。