入力マスクの API · Needless UI

インポート

import-mask.ts

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

ネイティブのテキストフィールドに適用するマスク。

NuiMask: プロパティ
名前	型	デフォルト	説明
`nuiMask`入力	`string \| ((raw: string) => string)`		マスク、または入力されたデータに応じてマスクを選ぶ関数。
`tokens`入力	`Record<string, NuiMaskToken>`		追加または置き換えるマスク文字。
`unmask`入力	`boolean`	`false`	値をデータだけにし、リテラルを含めません。
`value`双方向	`string`	`''`	値。表示どおりの文字列、または `unmask` を指定した場合はデータです。
`raw`プロパティ	`Signal<string>`		入力されたデータ。リテラルは含みません。
`complete`プロパティ	`Signal<boolean>`		マスクのすべての位置が埋まっているかどうか。

マスクの書式設定、検証、作成を行う関数。

Helpers: プロパティ
名前	型	説明
`nuiMaskFormat, nuiUnmask`メソッド	`(value, mask) => string`	値をマスクで整形するか、整形された値からデータを取り出します。
`nuiCardMask`メソッド	`(raw: string) => string`	カード番号用のマスク。ブランドがカードに印字するとおりに区切ります。
`nuiCardBrand`メソッド	`(number: string) => NuiCardBrand \| null`	カード番号の先頭の数字から判定したブランド。
`nuiCardValid, nuiLuhn`メソッド	`(number: string) => boolean`	カード番号がブランドの桁数を満たし、Luhn チェックを通過するかどうか。
`nuiIbanMask`メソッド	`(raw: string) => string`	IBAN 用のマスク。長さはその国の IBAN に合わせます。
`nuiIbanValid`メソッド	`(iban: string) => boolean`	IBAN がその国の桁数に合い、チェックディジットが正しいかどうか。