OTP 입력 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로 수신한 SMS의 코드를 채웁니다.