Импорт

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

NuiOtp

Рисует ячейки и оборачивает поле ввода.

Селектор
[nuiOtp]
NuiOtp: Свойства
ИмяТипПо умолчаниюОписание
lengthInputnumber6Количество символов.
patternInput'digits' | 'alphanumeric''digits'digits или alphanumeric для букв и цифр.
groupsInputnumber[][]Размеры групп с разделителем между ними, например [3, 3].
maskedInputbooleanfalseРисует точки вместо символов.
completedOutputstringПередаёт код каждый раз, когда заполняется последняя ячейка.

NuiOtpInput

Настоящее поле ввода. Получает атрибуты, нужные для одноразового кода.

Селектор
input[nuiOtpInput]
NuiOtpInput: Свойства
ИмяТипПо умолчаниюОписание
webOtpInputbooleanfalseПодставляет код из входящего SMS через WebOTP API, если браузер его поддерживает.