API ng Input mask · Needless UI

Import

import-mask.ts

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

Isang mask sa isang native na text field.

NuiMask: Mga property
Pangalan	Uri	Default	Paglalarawan
`nuiMask`Input	`string \| ((raw: string) => string)`		Ang mask, o isang function na pumipili nito ayon sa na-type na data.
`tokens`Input	`Record<string, NuiMaskToken>`		Mga mask character na idadagdag o papalitan.
`unmask`Input	`boolean`	`false`	Data lang ang value, walang mga literal.
`value`Two-way	`string`	`''`	Ang value: ang ipinapakita, o ang data kapag may `unmask`.
`raw`Property	`Signal<string>`		Ang na-type na data, walang mga literal.
`complete`Property	`Signal<boolean>`		Kung napunan na ang bawat puwesto sa mask.

Mga function para mag-format, mag-check at bumuo ng mga mask.

Helpers: Mga property
Pangalan	Uri	Paglalarawan
`nuiMaskFormat, nuiUnmask`Method	`(value, mask) => string`	Fino-format ang isang value gamit ang mask, o kinukuha ang data mula sa na-format na value.
`nuiCardMask`Method	`(raw: string) => string`	Isang mask para sa mga card number, naka-group gaya ng pagkaka-print ng brand nila.
`nuiCardBrand`Method	`(number: string) => NuiCardBrand \| null`	Ang brand ng isang card number, mula sa mga unang digit nito.
`nuiCardValid, nuiLuhn`Method	`(number: string) => boolean`	Kung tama ang haba ng card number para sa brand nito at pumapasa ito sa Luhn check.
`nuiIbanMask`Method	`(raw: string) => string`	Isang mask para sa mga IBAN, kasinghaba ng IBAN ng bansa.
`nuiIbanValid`Method	`(iban: string) => boolean`	Kung tama ang haba ng IBAN para sa bansa nito at tama ang mga check digit.