입력 마스크 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이 해당 국가의 길이를 갖추고 검사 숫자가 올바른지 여부.