API Input mask · Needless UI

Impor

import-mask.ts

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

Mask pada kolom teks native.

NuiMask: Properti
Nama	Tipe	Default	Deskripsi
`nuiMask`Input	`string \| ((raw: string) => string)`		Mask, atau fungsi yang memilih mask sesuai data yang diketik.
`tokens`Input	`Record<string, NuiMaskToken>`		Karakter mask yang ingin ditambahkan atau diganti.
`unmask`Input	`boolean`	`false`	Nilainya hanya data, tanpa literal.
`value`Dua arah	`string`	`''`	Nilainya: teks yang ditampilkan, atau datanya dengan `unmask`.
`raw`Properti	`Signal<string>`		Data yang diketik, tanpa literal.
`complete`Properti	`Signal<boolean>`		Apakah semua posisi dalam mask sudah terisi.

Fungsi untuk memformat, memeriksa, dan membuat mask.

Helpers: Properti
Nama	Tipe	Deskripsi
`nuiMaskFormat, nuiUnmask`Metode	`(value, mask) => string`	Memformat nilai dengan mask, atau mengambil kembali datanya dari nilai yang terformat.
`nuiCardMask`Metode	`(raw: string) => string`	Mask untuk nomor kartu, dikelompokkan seperti yang dicetak oleh mereknya.
`nuiCardBrand`Metode	`(number: string) => NuiCardBrand \| null`	Merek kartu, dikenali dari digit pertama nomornya.
`nuiCardValid, nuiLuhn`Metode	`(number: string) => boolean`	Apakah panjang nomor kartu sesuai mereknya dan lolos pemeriksaan Luhn.
`nuiIbanMask`Metode	`(raw: string) => string`	Mask untuk IBAN, sepanjang IBAN negara tersebut.
`nuiIbanValid`Metode	`(iban: string) => boolean`	Apakah panjang IBAN sesuai negaranya dan digit pemeriksanya benar.