5.20202.732
wijmo.angular.input Class WjColorPicker Wijmo API Class

WjColorPicker Class

AngularJS directive for the ColorPicker control.

Use the wj-color-picker directive to add ColorPicker 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 a ColorPicker control:</p>
<wj-color-picker
  value="theColor"
  show-alpha-channel="false">
</wj-color-picker>

The wj-color-picker 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 ColorPicker 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.
show-alpha-channel
@ A value indicating whether the control displays the alpha channel (transparency) editor.
show-color-string
@ A value indicating whether the control displays a string representation of the color being edited.
palette
= An array with ten color values to use as the palette.
value
= The color being edited.
got-focus
& The ColorPicker.gotFocus event handler.
lost-focus
& The ColorPicker.lostFocus event handler.
value-changed
& The ColorPicker.valueChanged event handler.

Heirarchy

  • WjDirective
    • WjColorPicker