Angular 8 как установить фон, используя [стиль]

Question

Я учусь angular устанавливать стиль с помощью angular, поэтому я создал код ниже. Я пытаюсь установить фон с помощью приведенного ниже кода - но он не работает, как ожидалось. Как установить фон, используя ниже синтаксис с [стиль]? Я создаю демо с angular 8.

<code>
   <div [style.background-color]='red'> 
      a
   </div>
</code>

Answer 1

<div [style.background-color]='red'>

означает, что Angular ищет переменную с именем red, которую он не находит, следовательно, стиль не получает прикладная.

Использование:

<div [style.background-color]="'red'">

, которая сообщает Angular, чтобы использовать значение string , которое оценивается на красный.

---

Вы также можете использовать следующий синтаксис, чтобы избежать путаницы:

<div [ngStyle]="{ background: 'red'}">

Answer 2

Для встроенного стиля цвета фона вам понадобится: [style.background-color]="'red'"