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.
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:
The example below creates several InputNumber controls and shows the effect of using different formats, ranges, and step values.
Example
wj-input-number ディレクティブは以下の属性をサポートしています。
@Angularのng-modelディレクティブを使用してコントロールの value プロパティをバインドします。 ng-modelディレクティブを使用してプロパティをバインドすると、データ検証やコントロールの状態のフォームインスタンスへの公開など、 ng-modelの持つ利点を活用できます。ng-modelディレクティブによってバインドされるコントロールのプロパティを再定義するには、wj-model-property属性を使用します。@ng-model ディレクティブを使用してスコープにバインドされるコントロールプロパティを指定します。=このディレクティブによって作成された InputNumber コントロールへの参照。@数値の表示に使用される書式( Globalizeを参照）。@コントロールによってホストされているHTML入力要素の"type"属性。&このイベントは、バインディングによるコントロールの初期化が完了した後に発生します。=バインディングによるコントロールの初期化が完了したかどうかを示す値。@有効な最大の数値。@有効な最小の数値。@コントロールが空のときにヒントとして表示する文字列。@null値が禁止されるかどうかを示す値。@値を step 単位ずつ増減するスピナーボタンを表示するかどうかを示す値。@ユーザーがスピナーボタンをクリックしたときに値を増減する量。=コントロールに表示するテキスト。=編集する数値。&InputNumber.gotFocus イベントハンドラ。&InputNumber.lostFocus イベントハンドラ。&InputNumber.textChanged イベントハンドラ。&InputNumber.valueChanged イベントハンドラ。