Блог

Главная - Вопросы по программированию - Получить значение изменения средства выбора цвета

Получить значение изменения средства выбора цвета

#angular

#angular

Вопрос:

Как получить значение цвета, как только пользователь выберет любой цвет.

хотите сохранить значение в firestore .

используя ngx-color-picker .

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

пример

Ответ №1:

Вы можете использовать colorPickerChange событие.

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

Комментарии:

1. я попробовал этот подход, получив ошибку Unexpected token '=' at column 29 in [updateFirestoreColor($event)=$event]

2. Кажется, что вы не используете правильный синтаксис для события привязки

Ответ №2:

используйте (colorPickerChange)="updateFirestoreColor($event)" для получения значения.

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

спасибо @zooly за справку.

Ответ №3:

Я знаю, что вопрос устарел, но у меня была эта проблема, и я нашел лучшее решение. Используйте colorPickerClose вместо colorPickerChange. Это вызовет событие только после закрытия средства выбора, а не при каждом обнаружении изменений.

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

и в ts-файле:

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