Importación
import { nuiCardMask, nuiIbanMask, NuiMask } from '@needless-ui/angular/mask';NuiMask
Una máscara sobre un campo de texto nativo.
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
nuiMaskInput | string | ((raw: string) => string) | La máscara, o una función que elige una según los datos escritos. | |
tokensInput | Record<string, NuiMaskToken> | Caracteres de máscara que añadir o reemplazar. | |
unmaskInput | boolean | false | El valor contiene solo los datos, sin los literales. |
valueBidireccional | string | '' | El valor: lo que se muestra, o los datos con unmask. |
rawPropiedad | Signal<string> | Los datos escritos, sin los literales. | |
completePropiedad | Signal<boolean> | Todas las posiciones de la máscara están rellenas. |
Helpers
Funciones para dar formato, comprobar y crear máscaras.
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
nuiMaskFormat, nuiUnmaskMétodo | (value, mask) => string | Dan formato a un valor con una máscara, o extraen los datos de un valor formateado. | |
nuiCardMaskMétodo | (raw: string) => string | Una máscara para números de tarjeta, agrupados como los imprime su marca. | |
nuiCardBrandMétodo | (number: string) => NuiCardBrand | null | La marca de un número de tarjeta, según sus primeros dígitos. | |
nuiCardValid, nuiLuhnMétodo | (number: string) => boolean | Si un número de tarjeta tiene la longitud de su marca y supera la verificación de Luhn. | |
nuiIbanMaskMétodo | (raw: string) => string | Una máscara para IBAN, con la longitud del IBAN de cada país. | |
nuiIbanValidMétodo | (iban: string) => boolean | Si un IBAN tiene la longitud de su país y los dígitos de control correctos. |