Import

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

NuiOtp

Zeichnet die Slots und umschließt das Eingabefeld.

Selektor
[nuiOtp]
NuiOtp: Eigenschaften
NameTypStandardwertBeschreibung
lengthInputnumber6Anzahl der Zeichen.
patternInput'digits' | 'alphanumeric''digits'digits oder alphanumeric für Buchstaben und Ziffern.
groupsInputnumber[][]Gruppengrößen, jeweils durch einen Trenner abgesetzt, etwa [3, 3].
maskedInputbooleanfalseZeichnet Punkte statt der Zeichen.
completedOutputstringEmittiert den Code jedes Mal, wenn der letzte Slot gefüllt wird.

NuiOtpInput

Das echte Eingabefeld. Es erhält die Attribute, die ein Einmalcode braucht.

Selektor
input[nuiOtpInput]
NuiOtpInput: Eigenschaften
NameTypStandardwertBeschreibung
webOtpInputbooleanfalseFüllt den Code über die WebOTP-API aus einer eingehenden SMS aus, sofern unterstützt.