Import

import-mask.ts
import { nuiCardMask, nuiIbanMask, NuiMask } from '@needless-ui/angular/mask';

NuiMask

Một mặt nạ trên ô văn bản native.

Selector
input[nuiMask]
Tên export
nuiMask
NuiMask: Thuộc tính
TênKiểuMặc địnhMô tả
nuiMaskInputstring | ((raw: string) => string)Mặt nạ, hoặc một hàm chọn mặt nạ theo dữ liệu đã gõ.
tokensInputRecord<string, NuiMaskToken>Các ký tự mặt nạ cần thêm hoặc thay thế.
unmaskInputbooleanfalseGiá trị chỉ gồm dữ liệu, không có ký tự cố định.
valueHai chiềustring''Giá trị: nội dung đang hiển thị, hoặc dữ liệu khi có unmask.
rawThuộc tínhSignal<string>Dữ liệu đã gõ, không có ký tự cố định.
completeThuộc tínhSignal<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ạ.

Helpers: Thuộc tính
TênKiểuMặc địnhMô 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) => stringMặ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 | nullThươ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) => booleanSố 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) => stringMặt nạ cho IBAN, dài đúng bằng IBAN của quốc gia đó.
nuiIbanValidPhương thức(iban: string) => booleanIBAN có đúng độ dài theo quốc gia và đúng chữ số kiểm tra hay không.