ఇంపోర్ట్
import { nuiCardMask, nuiIbanMask, NuiMask } from '@needless-ui/angular/mask';NuiMask
నేటివ్ టెక్స్ట్ ఫీల్డ్పై ఒక మాస్క్.
| పేరు | టైప్ | డిఫాల్ట్ | వివరణ |
|---|---|---|---|
nuiMaskఇన్పుట్ | string | ((raw: string) => string) | మాస్క్, లేదా టైప్ చేసిన డేటాను బట్టి ఒక మాస్క్ను ఎంచుకునే ఫంక్షన్. | |
tokensఇన్పుట్ | Record<string, NuiMaskToken> | జోడించాల్సిన లేదా మార్చాల్సిన మాస్క్ అక్షరాలు. | |
unmaskఇన్పుట్ | boolean | false | విలువ కేవలం డేటా మాత్రమే, లిటరల్లు లేకుండా. |
valueటూ-వే | string | '' | విలువ: కనిపించేది, లేదా unmask తో డేటా. |
rawప్రాపర్టీ | Signal<string> | లిటరల్లు లేకుండా, టైప్ చేసిన డేటా. | |
completeప్రాపర్టీ | Signal<boolean> | మాస్క్లోని ప్రతి స్థానమూ నిండిందో లేదో. |
Helpers
మాస్క్లను ఫార్మాట్ చేయడానికి, తనిఖీ చేయడానికి, తయారు చేయడానికి ఫంక్షన్లు.
| పేరు | టైప్ | డిఫాల్ట్ | వివరణ |
|---|---|---|---|
nuiMaskFormat, nuiUnmaskమెథడ్ | (value, mask) => string | విలువను మాస్క్తో ఫార్మాట్ చేస్తాయి, లేదా ఫార్మాట్ అయిన విలువ నుంచి డేటాను చదువుతాయి. | |
nuiCardMaskమెథడ్ | (raw: string) => string | కార్డ్ నంబర్ల కోసం మాస్క్; వాటి బ్రాండ్ ముద్రించే తీరులో గ్రూపులుగా. | |
nuiCardBrandమెథడ్ | (number: string) => NuiCardBrand | null | కార్డ్ నంబర్ మొదటి అంకెల నుంచి దాని బ్రాండ్. | |
nuiCardValid, nuiLuhnమెథడ్ | (number: string) => boolean | కార్డ్ నంబర్కు దాని బ్రాండ్ పొడవు ఉందో, అది Luhn తనిఖీలో నెగ్గుతుందో లేదో. | |
nuiIbanMaskమెథడ్ | (raw: string) => string | IBAN ల కోసం మాస్క్; దాని పొడవు ఆ దేశ IBAN పొడవుకు సమానం. | |
nuiIbanValidమెథడ్ | (iban: string) => boolean | IBAN కు దాని దేశ పొడవు, సరైన తనిఖీ అంకెలు ఉన్నాయో లేదో. |