Angular Реактивные формы и ввод [type = color] выдают предупреждение при инициализации пустой строкой или нулем

Question

Я получаю это предупреждение:

The specified value "" does not conform to the required format.  The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.

Вот код:

<input type="color" [formControl]="fcBackgroundColor">

где fcBackgroundColor:

fcBackgroundColor = new FormControl('');

или

fcBackgroundColor = new FormControl();

Это просто предупреждение, но как правильно инициализировать элемент управления вводом?

Answer 1

Согласно типу ввода MDN значение цвета всегда должно быть DOMString, содержащим 7-символьную строку, определяющую цвет RGB в шестнадцатеричном формате. Это значение никогда не бывает в какой-либо другой форме или пустым.

Так что лучше указать значение по умолчанию и обработать.

Answer 2

Согласно тегу: -

Определяет палитру цветов.

Значение по умолчанию - # 000000 (черный). Значение должно быть в семизначном шестнадцатеричном формате.

Таким образом, для использования с formcontrol

fcBackgroundColor = new FormControl('#ff0000');

вместо # ff0000 можно указать цвет для использования