Use the wj-input-color directive to add InputColor 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 InputColor control:</p>
<wj-input-color
value="theColor"
show-alpha-channel="false">
</wj-input-color>
The wj-input-color 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 InputColor control created by this directive.
is-dropped-down
@ A value indicating whether the drop-down is currently visible.
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 drop-down displays the alpha channel (transparency) editor.
placeholder
@ The string to show as a hint when the control is empty.
is-required
@ A value indicating whether to prevent null values.
show-drop-down-button
@ A value indicating whether the control displays a drop-down button.
AngularJS directive for the InputColor control.
Use the wj-input-color directive to add InputColor 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-input-color 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 InputColor control created by this directive.@A value indicating whether the drop-down is currently visible.&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 drop-down displays the alpha channel (transparency) editor.@The string to show as a hint when the control is empty.@A value indicating whether to prevent null values.@A value indicating whether the control displays a drop-down button.=The text to show in the control.=The color being edited.&The InputColor.gotFocus event handler.&The InputColor.lostFocus event handler.&The InputColor.isDroppedDownChanging event handler.&The InputColor.isDroppedDownChanged event handler.&The InputColor.textChanged event handler.&The InputColor.valueChanged event handler.