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.
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:
The wj-color-picker directive supports the following attributes:
@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.@Specifies a control property that is bound to a scope using the ng-model directive.=A reference to the ColorPicker control created by this directive.&This event occurs after the binding has finished initializing the control with attribute values.=A value indicating whether the binding has finished initializing the control with attribute values.@A value indicating whether the control displays the alpha channel (transparency) editor.@A value indicating whether the control displays a string representation of the color being edited.=An array with ten color values to use as the palette.=The color being edited.&The ColorPicker.gotFocus event handler.&The ColorPicker.lostFocus event handler.&The ColorPicker.valueChanged event handler.