Is there any way to set "angular-bootstrap-colorpicker" color pointer to some color code value?

Question

I have used many mention angular colorpicker instances on a single page. I have encountered an issue when we have a color selected in one picker and have another picker where there is no color selected.

Below is the image of the picker with a value.

Below is the image of the picker on the same page but with empty value and it gets displayed like this.

I think that the picker should be initialised with empty value if the model value is empty and it should not use the values of the previously opened picker. What I'm looking for is a way to set pointer to top-left corner or restrict it to take previously selected value.

Setting default value here is very much possible but as my project is developed with two-way-binding fundamental; so if I will set some default value it will be bind to my DOM control as well which is not correct as per application structure.

Please share solution if somebody faced such issue and able to resolve it.

Default setting the `ng-model` of the colorpicker may be a solution. — Mistalis, Mar 28 '17 at 07:56
No that won't work as we do no want to assign any default value permanently to control rather we want to assign it on temporary basis only when its gets opened. — Trimantra Software Solution, Mar 28 '17 at 10:08

score 0 · Answer 1 · answered Mar 28 '17 at 08:57

0

Couldn't you use AngularJS ng-init directive ?

answered Mar 28 '17 at 08:57

Thanks for answer but it will not work out in my case. – Trimantra Software Solution Mar 29 '17 at 08:44

Is there any way to set "angular-bootstrap-colorpicker" color pointer to some color code value?

1 Answers1