ایمپورت

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

NuiOtp

خانه‌ها را رسم می‌کند و ورودی را در بر می‌گیرد.

سلکتور
[nuiOtp]
NuiOtp: ویژگی‌ها
نامنوعپیش‌فرضتوضیح
lengthورودیnumber6تعداد نویسه‌ها.
patternورودی'digits' | 'alphanumeric''digits'digits، یا alphanumeric برای حروف و ارقام.
groupsورودیnumber[][]اندازهٔ گروه‌ها که بینشان جداکننده رسم می‌شود، مثل [3, 3].
maskedورودیbooleanfalseبه‌جای نویسه‌ها نقطه رسم می‌کند.
completedخروجیstringهر بار که آخرین خانه پر شود، کد را منتشر می‌کند.

NuiOtpInput

ورودی واقعی. اتریبیوت‌هایی را که یک کد یک‌بارمصرف لازم دارد می‌گیرد.

سلکتور
input[nuiOtpInput]
NuiOtpInput: ویژگی‌ها
نامنوعپیش‌فرضتوضیح
webOtpورودیbooleanfalseدر مرورگرهایی که پشتیبانی می‌کنند، کد را از پیامک دریافتی با WebOTP API پر می‌کند.