Mask (Angular)link

This guide demonstrates how to use the Mask component.

Mask Propertieslink

Name	Type	Default	Description
Name	string	'mask' + index suffix	Unique name of the Mask.
Value	string/expression	null	Mask value.
Placeholder	string	empty	Mask placeholder.
Mask	string	null	Mask pattern.
Size	integer	null	Size of the input field.
Maxlength	integer	null	Maximum number of character allows in the input field.
ReadOnly	boolean/expression	false	Is Mask read-only.
Disabled	boolean/expression	false	Is Mask disabled.
Visible	boolean/expression	true	Is Mask visible.
autoClear	boolean/expression	true	Clears the incomplete value on blur.
unmask	boolean/expression	false	Defines if ngModel sets the raw unmasked value to bound value or the formatted mask value.

For more info about expressions please visit expressions in our documentation.

<rz-mask #mask0 mask="99-9999" placeholder="Enter here ..." name="mask0">
</rz-mask>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: