Needless UI

Komponen

Mask input

Kolom teks sing diformat nalika diketik: tanggal, kertu, IBAN lan kode.

Import

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

NuiMask

Mask ing kolom teks native.

Selector
input[nuiMask]
Diekspor minangka
nuiMask
JenengJinisGawanKatrangan
nuiMaskInputstring | ((raw: string) => string)Mask-e, utawa fungsi sing milih mask miturut data sing diketik.
tokensInputRecord<string, NuiMaskToken>Karakter mask sing arep ditambahake utawa diganti.
unmaskInputbooleanfalseNilaine mung data, tanpa karakter tetep.
valueRong arahstring''Nilaine: apa sing ditampilake, utawa datane yen nganggo unmask.
rawPropertiSignal<string>Data sing diketik, tanpa karakter tetep.
completePropertiSignal<boolean>Apa saben panggonan ing mask wis keisi.

Helpers

Fungsi kanggo ngformat, mriksa lan nggawe mask.

JenengJinisGawanKatrangan
nuiMaskFormat, nuiUnmaskMetode(value, mask) => stringNgformat nilai nganggo mask, utawa maca data saka nilai sing wis diformat.
nuiCardMaskMetode(raw: string) => stringMask kanggo nomer kertu, dikelompokake kaya carane mereke nyithak.
nuiCardBrandMetode(number: string) => NuiCardBrand | nullMerek nomer kertu, miturut angka-angka kapisane.
nuiCardValid, nuiLuhnMetode(number: string) => booleanApa nomer kertu duwe dawa miturut mereke lan lulus pamriksan Luhn.
nuiIbanMaskMetode(raw: string) => stringMask kanggo IBAN, dawane padha karo IBAN negarane.
nuiIbanValidMetode(iban: string) => booleanApa IBAN duwe dawa miturut negarane lan angka pamriksa sing bener.