Importación

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

NuiMask

Una máscara sobre un campo de texto nativo.

Selector
input[nuiMask]
Exportado como
nuiMask
NuiMask: Propiedades
NombreTipoPredeterminadoDescripción
nuiMaskInputstring | ((raw: string) => string)La máscara, o una función que elige una según los datos escritos.
tokensInputRecord<string, NuiMaskToken>Caracteres de máscara que añadir o reemplazar.
unmaskInputbooleanfalseEl valor contiene solo los datos, sin los literales.
valueBidireccionalstring''El valor: lo que se muestra, o los datos con unmask.
rawPropiedadSignal<string>Los datos escritos, sin los literales.
completePropiedadSignal<boolean>Todas las posiciones de la máscara están rellenas.

Helpers

Funciones para dar formato, comprobar y crear máscaras.

Helpers: Propiedades
NombreTipoPredeterminadoDescripción
nuiMaskFormat, nuiUnmaskMétodo(value, mask) => stringDan formato a un valor con una máscara, o extraen los datos de un valor formateado.
nuiCardMaskMétodo(raw: string) => stringUna máscara para números de tarjeta, agrupados como los imprime su marca.
nuiCardBrandMétodo(number: string) => NuiCardBrand | nullLa marca de un número de tarjeta, según sus primeros dígitos.
nuiCardValid, nuiLuhnMétodo(number: string) => booleanSi un número de tarjeta tiene la longitud de su marca y supera la verificación de Luhn.
nuiIbanMaskMétodo(raw: string) => stringUna máscara para IBAN, con la longitud del IBAN de cada país.
nuiIbanValidMétodo(iban: string) => booleanSi un IBAN tiene la longitud de su país y los dígitos de control correctos.