Input Mask

This feature is powered by IMask js.
See the full guide https://imask.js.org/guide.html.

Provide mask option

To use mask, provide inputMask. Some adjustment need to be made when the config is JSON. Checkout JSON compatibility below.

{
  "formControlName": "...",
  "inputMask": {
    "mask": "^\\D+$"
  }
}

{
  formControlName: "...",
  inputMask: {
    mask: /^\D+$/
  }
}

Only text type is supported when using mask. Hence, the type value will be ignored and automatically use text when inputMask is present.

JSON compatibility

When config is JSON, some features are not available. There are few adjustments need to be made when provide the config in JSON.

Regex

Regex need to be pass as string literal and all \ characters need to be escaped.

Example: /^\d+$/ ⇒ ^\\d+$

Mask value

The following value of the mask must be stringified:

Unsupported mask

• Date Mask
• Enum Mask