v5.20192.624
|

WjInputMask Class

AngularJS directive for the InputMask control.

Use the wj-input-mask directive to add InputMask controls to your AngularJS applications. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<p>Here is an InputMask control:</p>
<wj-input-mask
  mask="99/99/99"
  mask-placeholder="*">
</wj-input-mask>

The wj-input-mask directive supports the following attributes:

ng-model
@ Binds the control's value property using the ng-model Angular directive. Binding the property using the ng-model directive provides standard benefits like validation, adding the control's state to the form instance, and so on. To redefine properties on a control that is bound by the ng-model directive, use the wj-model-property attribute.
wj-model-property
@ Specifies a control property that is bound to a scope using the ng-model directive.
control
= A reference to the InputNumber control created by this directive.
initialized
& This event occurs after the binding has finished initializing the control with attribute values.
is-initialized
= A value indicating whether the binding has finished initializing the control with attribute values.
mask
@ The string mask used to format the value as the user types.
prompt-char
@ A character used to show input locations within the mask.
place-holder
@ The string to show as a hint when the control is empty.
value
= The string being edited.
raw-value
= The string being edited, excluding literal and prompt characters.
got-focus
& The InputMask.gotFocus event handler.
lost-focus
& The InputMask.lostFocus event handler.
value-changed
& The InputMask.valueChanged event handler.

Hierarchy

  • WjDirective
    • WjInputMask