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