الاستيراد
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 | يملأ الرمز من رسالة SMS واردة عبر WebOTP API، حيثما كانت مدعومة. |