API der Komponente Eingabemaske

Import

import-mask.ts

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

Eine Maske auf einem nativen Textfeld.

NuiMask: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`nuiMask`Input	`string \| ((raw: string) => string)`		Die Maske oder eine Funktion, die passend zu den eingegebenen Daten eine wählt.
`tokens`Input	`Record<string, NuiMaskToken>`		Maskenzeichen, die hinzukommen oder ersetzt werden.
`unmask`Input	`boolean`	`false`	Der Wert enthält nur die Daten, ohne die Literale.
`value`Two-Way	`string`	`''`	Der Wert: das Angezeigte oder, mit `unmask`, die Daten.
`raw`Eigenschaft	`Signal<string>`		Die eingegebenen Daten, ohne die Literale.
`complete`Eigenschaft	`Signal<boolean>`		Jede Stelle der Maske ist ausgefüllt.

Funktionen zum Formatieren, Prüfen und Erstellen von Masken.

Helpers: Eigenschaften
Name	Typ	Beschreibung
`nuiMaskFormat, nuiUnmask`Methode	`(value, mask) => string`	Formatieren einen Wert mit einer Maske oder lesen die Daten wieder heraus.
`nuiCardMask`Methode	`(raw: string) => string`	Eine Maske für Kartennummern, gruppiert, wie ihre Kartenmarke sie druckt.
`nuiCardBrand`Methode	`(number: string) => NuiCardBrand \| null`	Die Kartenmarke einer Kartennummer, erkannt an den ersten Ziffern.
`nuiCardValid, nuiLuhn`Methode	`(number: string) => boolean`	Ob eine Kartennummer die Länge ihrer Kartenmarke hat und die Luhn-Prüfung besteht.
`nuiIbanMask`Methode	`(raw: string) => string`	Eine Maske für IBANs, so lang wie die IBAN des jeweiligen Landes.
`nuiIbanValid`Methode	`(iban: string) => boolean`	Ob eine IBAN die Länge ihres Landes und die richtigen Prüfziffern hat.