термин ожидаемая ошибка при попытке вставить элемент машинописного текста в стиль - PullRequest
1 голос
/ 07 мая 2020

В моем ts-файле есть элементы, которые я использую в html файле. В этом примере я использую element.color (value = # 3b5998) и element.name (value = Facebook). При установке значений, как показано ниже, один работает, а цвет - нет. Код выглядит так:

<fa style="color: {{element.color}};" name="{{element.icon}} fa-3x"></fa>

После цвета: красная линия с надписью «ожидаемый термин». Но я не знаю, что менять. Я знаю, что это ошибка дампа, но я застрял.

Изображение

Ответы [ 2 ]

2 голосов
/ 07 мая 2020

Для привязки к стилю есть два способа:

Используя style binding

<fa [style.color]="element.color" [name]="element.icon + 'fa-3x'"></fa>

или используя NgStyle директива

<fa [ngStyle]="{ color: element.color }" [name]="element.icon + 'fa-3x'"></fa>
1 голос
/ 07 мая 2020

Попробуйте убрать кавычки (") между атрибутами тега (fa). Ставить их нужно только в начале и в конце записи всех атрибутов

...