API ของช่องกรอก OTP

Import

import-otp.ts

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

วาดช่องต่าง ๆ และครอบช่องกรอกไว้

NuiOtp: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`length`Input	`number`	`6`	จำนวนอักขระ
`pattern`Input	`'digits' \| 'alphanumeric'`	`'digits'`	`digits` หรือ `alphanumeric` สำหรับตัวอักษรและตัวเลข
`groups`Input	`number[]`	`[]`	ขนาดของแต่ละกลุ่ม โดยมีตัวคั่นวาดไว้ระหว่างกลุ่ม เช่น `[3, 3]`
`masked`Input	`boolean`	`false`	แสดงจุดแทนอักขระ
`completed`Output	`string`		ส่งรหัสออกมาทุกครั้งที่เติมช่องสุดท้ายครบ

ช่องกรอกจริง ซึ่งจะได้รับ attribute ที่รหัสแบบใช้ครั้งเดียวต้องมี

NuiOtpInput: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`webOtp`Input	`boolean`	`false`	เติมรหัสจาก SMS ที่เข้ามาผ่าน WebOTP API ในที่ที่รองรับ