Import
import { nuiCardMask, nuiIbanMask, NuiMask } from '@needless-ui/angular/mask';NuiMask
Một mặt nạ trên ô văn bản native.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
nuiMaskInput | string | ((raw: string) => string) | Mặt nạ, hoặc một hàm chọn mặt nạ theo dữ liệu đã gõ. | |
tokensInput | Record<string, NuiMaskToken> | Các ký tự mặt nạ cần thêm hoặc thay thế. | |
unmaskInput | boolean | false | Giá trị chỉ gồm dữ liệu, không có ký tự cố định. |
valueHai chiều | string | '' | Giá trị: nội dung đang hiển thị, hoặc dữ liệu khi có unmask. |
rawThuộc tính | Signal<string> | Dữ liệu đã gõ, không có ký tự cố định. | |
completeThuộc tính | Signal<boolean> | Mọi vị trí trong mặt nạ đã được điền hay chưa. |
Helpers
Các hàm để định dạng, kiểm tra và tạo mặt nạ.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
nuiMaskFormat, nuiUnmaskPhương thức | (value, mask) => string | Định dạng một giá trị theo mặt nạ, hoặc tách dữ liệu ra khỏi giá trị đã định dạng. | |
nuiCardMaskPhương thức | (raw: string) => string | Mặt nạ cho số thẻ, chia nhóm như cách thương hiệu thẻ in số. | |
nuiCardBrandPhương thức | (number: string) => NuiCardBrand | null | Thương hiệu của một số thẻ, dựa vào các chữ số đầu. | |
nuiCardValid, nuiLuhnPhương thức | (number: string) => boolean | Số thẻ có đúng độ dài theo thương hiệu và vượt qua kiểm tra Luhn hay không. | |
nuiIbanMaskPhương thức | (raw: string) => string | Mặt nạ cho IBAN, dài đúng bằng IBAN của quốc gia đó. | |
nuiIbanValidPhương thức | (iban: string) => boolean | IBAN có đúng độ dài theo quốc gia và đúng chữ số kiểm tra hay không. |