API du composant Masque de saisie

Import

import-mask.ts

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

Un masque sur un champ de texte natif.

NuiMask: Propriétés
Nom	Type	Par défaut	Description
`nuiMask`Input	`string \| ((raw: string) => string)`		Le masque, ou une fonction qui en choisit un selon les données saisies.
`tokens`Input	`Record<string, NuiMaskToken>`		Des caractères de masque à ajouter ou à remplacer.
`unmask`Input	`boolean`	`false`	La valeur ne contient que les données, sans les littéraux.
`value`Bidirectionnel	`string`	`''`	La valeur : ce qui est affiché, ou les données avec `unmask`.
`raw`Propriété	`Signal<string>`		Les données saisies, sans les littéraux.
`complete`Propriété	`Signal<boolean>`		Toutes les positions du masque sont remplies.

Des fonctions pour formater, vérifier et construire des masques.

Helpers: Propriétés
Nom	Type	Description
`nuiMaskFormat, nuiUnmask`Méthode	`(value, mask) => string`	Formatent une valeur avec un masque, ou en extraient les données.
`nuiCardMask`Méthode	`(raw: string) => string`	Un masque pour les numéros de carte, groupés comme les imprime leur marque.
`nuiCardBrand`Méthode	`(number: string) => NuiCardBrand \| null`	La marque d’un numéro de carte, d’après ses premiers chiffres.
`nuiCardValid, nuiLuhn`Méthode	`(number: string) => boolean`	Indique si un numéro de carte a la longueur prévue par sa marque et passe le contrôle de Luhn.
`nuiIbanMask`Méthode	`(raw: string) => string`	Un masque pour les IBAN, de la longueur de l’IBAN du pays.
`nuiIbanValid`Méthode	`(iban: string) => boolean`	Indique si un IBAN a la longueur prévue par son pays et la bonne clé de contrôle.