Needless UI

Vijenzi

Mask ya input

Sehemu za maandishi zinazoumbizwa watu wanapoandika: tarehe, kadi, IBAN na misimbo.

Kuingiza

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

NuiMask

Mask kwenye sehemu asilia ya maandishi.

Kiteuzi
input[nuiMask]
Inahamishwa kama
nuiMask
JinaAinaChaguomsingiMaelezo
nuiMaskInputstring | ((raw: string) => string)Mask, au function inayochagua moja kulingana na data iliyoandikwa.
tokensInputRecord<string, NuiMaskToken>Herufi za mask za kuongeza au kubadilisha.
unmaskInputbooleanfalseThamani ni data pekee, bila herufi thabiti.
valuePande mbilistring''Thamani: kinachoonyeshwa, au data ukiweka unmask.
rawSifaSignal<string>Data iliyoandikwa, bila herufi thabiti.
completeSifaSignal<boolean>Kama kila nafasi ya mask imejazwa.

Helpers

Function za kuumbiza, kukagua na kuunda mask.

JinaAinaChaguomsingiMaelezo
nuiMaskFormat, nuiUnmaskMbinu(value, mask) => stringHuumbiza thamani kwa mask, au husoma data kutoka kwenye thamani iliyoumbizwa.
nuiCardMaskMbinu(raw: string) => stringMask ya namba za kadi, zikiwa katika makundi kama chapa yake inavyozichapisha.
nuiCardBrandMbinu(number: string) => NuiCardBrand | nullChapa ya namba ya kadi, kutokana na tarakimu zake za kwanza.
nuiCardValid, nuiLuhnMbinu(number: string) => booleanKama namba ya kadi ina urefu wa chapa yake na inapita ukaguzi wa Luhn.
nuiIbanMaskMbinu(raw: string) => stringMask ya IBAN, yenye urefu sawa na IBAN za nchi husika.
nuiIbanValidMbinu(iban: string) => booleanKama IBAN ina urefu wa nchi yake na tarakimu hakiki sahihi.