Import

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

NuiOtp

Vẽ các ô và bao bọc ô nhập.

Selector
[nuiOtp]
NuiOtp: Thuộc tính
TênKiểuMặc địnhMô tả
lengthInputnumber6Số ký tự.
patternInput'digits' | 'alphanumeric''digits'digits, hoặc alphanumeric cho chữ cái và chữ số.
groupsInputnumber[][]Kích thước các nhóm, có dấu phân cách giữa chúng, chẳng hạn [3, 3].
maskedInputbooleanfalseHiển thị dấu chấm thay cho ký tự.
completedOutputstringPhát ra mã mỗi khi ô cuối cùng được điền.

NuiOtpInput

Ô nhập thật. Nó nhận các thuộc tính cần thiết cho mã dùng một lần.

Selector
input[nuiOtpInput]
NuiOtpInput: Thuộc tính
TênKiểuMặc địnhMô tả
webOtpInputbooleanfalseĐiền mã từ SMS gửi đến qua WebOTP API, ở những trình duyệt hỗ trợ.