API ของ Input mask

Import

import-mask.ts

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

Mask บนช่องข้อความแบบเนทีฟ

NuiMask: พร็อพเพอร์ตี
ชื่อ	ชนิด	ค่าเริ่มต้น	คำอธิบาย
`nuiMask`Input	`string \| ((raw: string) => string)`		Mask หรือฟังก์ชันที่เลือก mask ตามข้อมูลที่พิมพ์
`tokens`Input	`Record<string, NuiMaskToken>`		อักขระของ mask ที่จะเพิ่มหรือแทนที่
`unmask`Input	`boolean`	`false`	ให้ค่าเป็นเฉพาะข้อมูล โดยไม่มีอักขระคงที่
`value`สองทาง	`string`	`''`	ค่า ซึ่งเป็นสิ่งที่แสดงอยู่ หรือเป็นข้อมูลเมื่อใช้ `unmask`
`raw`พร็อพเพอร์ตี	`Signal<string>`		ข้อมูลที่พิมพ์ โดยไม่มีอักขระคงที่
`complete`พร็อพเพอร์ตี	`Signal<boolean>`		กรอกครบทุกตำแหน่งใน mask แล้วหรือไม่

ฟังก์ชันสำหรับจัดรูปแบบ ตรวจสอบ และสร้าง mask

Helpers: พร็อพเพอร์ตี
ชื่อ	ชนิด	คำอธิบาย
`nuiMaskFormat, nuiUnmask`เมธอด	`(value, mask) => string`	จัดรูปแบบค่าด้วย mask หรือดึงข้อมูลออกจากค่าที่จัดรูปแบบแล้ว
`nuiCardMask`เมธอด	`(raw: string) => string`	Mask สำหรับหมายเลขบัตร โดยจัดกลุ่มตามที่แบรนด์พิมพ์ไว้บนบัตร
`nuiCardBrand`เมธอด	`(number: string) => NuiCardBrand \| null`	แบรนด์ของหมายเลขบัตร ดูจากตัวเลขหลักแรก ๆ
`nuiCardValid, nuiLuhn`เมธอด	`(number: string) => boolean`	หมายเลขบัตรมีความยาวตามแบรนด์และผ่านการตรวจสอบแบบ Luhn หรือไม่
`nuiIbanMask`เมธอด	`(raw: string) => string`	Mask สำหรับ IBAN ที่ยาวตาม IBAN ของประเทศนั้น
`nuiIbanValid`เมธอด	`(iban: string) => boolean`	IBAN มีความยาวตามประเทศและเลขตรวจสอบถูกต้องหรือไม่