Import

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

NuiMask

Una maschera su un campo di testo nativo.

Selettore
input[nuiMask]
Esportato come
nuiMask
NuiMask: Proprietà
NomeTipoPredefinitoDescrizione
nuiMaskInputstring | ((raw: string) => string)La maschera, o una funzione che ne sceglie una in base ai dati digitati.
tokensInputRecord<string, NuiMaskToken>Caratteri della maschera da aggiungere o sostituire.
unmaskInputbooleanfalseIl valore contiene solo i dati, senza i letterali.
valueBidirezionalestring''Il valore: ciò che viene mostrato, o i dati con unmask.
rawProprietàSignal<string>I dati digitati, senza i letterali.
completeProprietàSignal<boolean>Ogni posizione della maschera è compilata.

Helpers

Funzioni per formattare, verificare e costruire maschere.

Helpers: Proprietà
NomeTipoPredefinitoDescrizione
nuiMaskFormat, nuiUnmaskMetodo(value, mask) => stringFormattano un valore con una maschera, o ne estraggono i dati.
nuiCardMaskMetodo(raw: string) => stringUna maschera per i numeri di carta, raggruppati come li stampa il loro circuito.
nuiCardBrandMetodo(number: string) => NuiCardBrand | nullIl circuito di un numero di carta, dalle sue prime cifre.
nuiCardValid, nuiLuhnMetodo(number: string) => booleanSe un numero di carta ha la lunghezza del suo circuito e supera il controllo di Luhn.
nuiIbanMaskMetodo(raw: string) => stringUna maschera per gli IBAN, lunga quanto l’IBAN del paese.
nuiIbanValidMetodo(iban: string) => booleanSe un IBAN ha la lunghezza del suo paese e le cifre di controllo giuste.