5.20193.637
WjInputNumber Wijmo API クラス

WjInputNumber クラス

InputNumber コントロール用のAngularJSディレクティブ。

Use the wj-input-number directive to add InputNumber 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 InputNumber control:</p>
<wj-input-number
  value="theNumber"
  min="0"
  max="10"
  format="n0"
  placeholder="number between zero and ten">
</wj-input-number>

The example below creates several InputNumber controls and shows the effect of using different formats, ranges, and step values.

Example

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

ng-model
@ Angularのng-modelディレクティブを使用してコントロールの value プロパティをバインドします。 ng-modelディレクティブを使用してプロパティをバインドすると、データ検証やコントロールの状態のフォームインスタンスへの公開など、 ng-modelの持つ利点を活用できます。ng-modelディレクティブによってバインドされるコントロールのプロパティを再定義するには、wj-model-property属性を使用します。
wj-model-property
@ ng-model ディレクティブを使用してスコープにバインドされるコントロールプロパティを指定します。
control
= このディレクティブによって作成された InputNumber コントロールへの参照。
format
@ 数値の表示に使用される書式( Globalizeを参照)。
input-type
@ コントロールによってホストされているHTML入力要素の"type"属性。
initialized
& このイベントは、バインディングによるコントロールの初期化が完了した後に発生します。
is-initialized
= バインディングによるコントロールの初期化が完了したかどうかを示す値。
max
@ 有効な最大の数値。
min
@ 有効な最小の数値。
place-holder
@ コントロールが空のときにヒントとして表示する文字列。
is-required
@ null値が禁止されるかどうかを示す値。
show-spinner
@ 値を step 単位ずつ増減するスピナーボタンを表示するかどうかを示す値。
step
@ ユーザーがスピナーボタンをクリックしたときに値を増減する量。
text
= コントロールに表示するテキスト。
value
= 編集する数値。
got-focus
& InputNumber.gotFocus イベントハンドラ。
lost-focus
& InputNumber.lostFocus イベントハンドラ。
text-changed
& InputNumber.textChanged イベントハンドラ。
value-changed
& InputNumber.valueChanged イベントハンドラ。

階層

  • WjDirective
    • WjInputNumber