Spectrum.js wird nicht initialisiert, wenn es in angularjs verwendet wird

Question

Ich verwende angular-spectrum-colorpicker, um spectrum.js in meinem Code zu verwenden. Es funktioniert grundsätzlich gut, außer der Wert wird nicht mit dem Modell initialisiert. Im Folgenden wird die Einstellungen, die ich verwendet:

<spectrum-colorpicker ng-model="backgroundColor" 
         options="{ 
           flat: true, 
           preferredFormat: 'hex', 
           showInput: true, 
           showButtons: false, 
           clickoutFiresChange: true, 
           }"> 
</spectrum-colorpicker> 

Und hier ist ein jsbin das Problem zu demostrate. Sie können sehen, dass es gut funktioniert, außer dass die Farbe am Anfang nicht richtig initialisiert wird. Sie können den Fehler reproduzieren, indem Sie das Ausgabepanel wechseln.

JSBin

Was habe ich verpasst oder ist es ein Fehler, dass ich auf Github mitteilen?

Answer 1

Wie wäre es, color per Option zu übergeben?

<spectrum-colorpicker ng-model="backgroundColor" 
         options="{ 
           color: backgroundColor, 
           flat: true, 
           preferredFormat: 'hex', 
           showInput: true, 
           showButtons: false, 
           clickoutFiresChange: true, 
           }">