Input mask API · Needless UI

ઇમ્પોર્ટ

import-mask.ts

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 ની લંબાઈ તેના દેશ મુજબ છે કે નહીં, અને તેના ચકાસણી અંકો સાચા છે કે નહીં.