驗證碼輸入欄位 API

匯入

import-otp.ts

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`	在支援的環境中，透過 WebOTP API 從收到的簡訊填入驗證碼。