wj-input-mask ディレクティブは、AngularJSアプリケーションに InputMask コントロールを追加する場合に使用します。 ディレクティブ名とパラメーター名の書式は、キャメルケースではなくダッシュで結んだ小文字にする必要があります。 次に例を示します。

<p>InputMask コントロール:</p>
<wj-input-mask
  mask="99/99/99"
  mask-placeholder="*">
</wj-input-mask>

wj-input-mask ディレクティブは以下の属性をサポートしています。

ng-model

@ Angularのng-modelディレクティブを使用してコントロールの value プロパティをバインドします。 ng-modelディレクティブを使用してプロパティをバインドすると、データ検証やコントロールの状態のフォームインスタンスへの公開など、ng-modelの持つ利点を活用できます。 ng-modelディレクティブによってバインドされるコントロールのプロパティを再定義するには、 wj-model-property属性を使用します。

wj-model-property

@ ng-model ディレクティブを使用してスコープにバインドされるコントロールプロパティを指定します。

control

= このディレクティブによって作成された InputNumber コントロールへの参照。

initialized

& このイベントは、バインディングによるコントロールの初期化が完了した後に発生します。

is-initialized

= バインディングによるコントロールの初期化が完了したかどうかを示す値。

mask

@ ユーザー入力時に値の書式設定に使用される文字列マスク。

prompt-char

@ マスク内の入力位置を示すために使用される文字。

place-holder

@ コントロールが空のときにヒントとして表示する文字列。

value

= 編集する文字列。

raw-value

= 編集する文字列（リテラル文字とプロンプト文字は含まない）。

got-focus

& InputMask.gotFocus イベントハンドラ。

lost-focus

& InputMask.lostFocus イベントハンドラ。

value-changed

& InputMask.valueChanged イベントハンドラ。