ಇಂಪೋರ್ಟ್
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 ಗೆ ಅದರ ದೇಶದ ಉದ್ದ ಮತ್ತು ಸರಿಯಾದ ಪರಿಶೀಲನಾ ಅಂಕಿಗಳು ಇವೆಯೇ ಎಂಬುದು. |