5.20201.680
wijmo.angular.input Class WjInputColor Wijmo API クラス

WjInputColor クラス

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

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

<p>InputColor コントロール:</p>
<wj-input-color
  value="theColor"
  show-alpha-channel="false">
</wj-input-color>

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

ng-model
@ Angularのng-modelディレクティブを使用してコントロールの value プロパティをバインドします。 ng-modelディレクティブを使用してプロパティをバインドすると、 データ検証やコントロールの状態のフォームインスタンスへの公開など、ng-modelの持つ利点を活用できます。 ng-modelディレクティブによってバインドされるコントロールのプロパティを再定義するには、 wj-model-property属性を使用します。
wj-model-property
@ ng-model ディレクティブを使用してスコープにバインドされるコントロールプロパティを指定します。
control
= このディレクティブによって作成されたInputColorコントロールへの参照。
is-dropped-down
@ ドロップダウンが現在表示されているかどうかを示す値。
initialized
& このイベントは、バインディングによるコントロールの初期化が完了した後に発生します。
is-initialized
= バインディングによるコントロールの初期化が完了したかどうかを示す値。
show-alpha-channel
@ ドロップダウンにアルファチャネル(透明度)エディタを表示するかどうかを示す値。
placeholder
@ コントロールが空のときにヒントとして表示する文字列。
is-required
@ null値が禁止されるかどうかを示す値。
show-drop-down-button
@ コントロールにドロップダウンボタンを表示するかどうかを示す値。
text
= コントロールに表示するテキスト。
value
= 編集する色。
got-focus
& InputColor.gotFocus イベントハンドラ。
lost-focus
& InputColor.lostFocus イベントハンドラ。
is-dropped-down-changing
& InputColor.isDroppedDownChanging イベントハンドラ。
is-dropped-down-changed
& InputColor.isDroppedDownChanged イベントハンドラ。
text-changed
& InputColor.textChanged イベントハンドラ。
value-changed
& InputColor.valueChanged イベントハンドラ。

階層

  • WjDropDown
    • WjInputColor