2
votes

Obtenir la valeur de changement du sélecteur de couleur

Comment obtenir la valeur de la couleur une fois que l'utilisateur a choisi une couleur.

souhaite stocker la valeur dans firestore.

en utilisant ngx-color-picker code >.

<input
        class="form-control ml-2 mr-2"
        [value]="color1"
        [style.background]="color1"
        [(colorPicker)]="color1"
        />

exemple a >

angular

0 commentaires

3 Réponses :

2
votes

Vous pouvez utiliser l'événement colorPickerChange .

<input class="form-control" [value]="color1" [colorPicker]="color" [(colorPickerChange)]="updateFirestoreColor($event)/>

2 commentaires

J'ai essayé cette approche, obtenant l'erreur Unxpected token '=' à la colonne 29 dans [updateFirestoreColor ($ event) = $ event]

Il semble que vous n'utilisez pas la bonne syntaxe pour l'événement de liaison

0
votes

utilisez (colorPickerChange) = "updateFirestoreColor ($ event)" pour obtenir la valeur.

<input
   class="form-control ml-2 mr-2"
   [value]="color1"
   [style.background]="color1"
   [(colorPicker)]="color1"
   (colorPickerChange)="updateFirestoreColor($event)"
/>

merci @zooly pour référence.

p >

0 commentaires

0
votes

Je sais que la question est plus ancienne, mais j'ai eu ce problème et j'ai trouvé une meilleure solution. Utilisez colorPickerClose au lieu de colorPickerChange . Cela n'émettra un événement qu'après la fermeture du sélecteur et non pour chaque détection de changement.

updateColor(event) {
  console.log(event); // this is your selected color
}

et dans le fichier ts:

<input class="form-control ml-2 mr-2"
    [value]="color1"
    [style.background]="color1"
    [(colorPicker)]="color1"
    (colorPickerClose)="updateColor($event)" />

0 commentaires