Добавление ngStyle вместе с собственным встроенным тегом стиля HTML в Angular 6

Question

Мне нужно добавить стиль с помощью ngStyle вместе с уже примененным стилем HTML.

<th style="font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;" [ngStyle]='statusColor'></th>

А в TypeScript

private statusColor:string;

Но это не работает.Разве мы не можем добавить стиль HTML и стиль ngStyle в один тег?Если мы не можем этого сделать, есть ли способ достичь этого?

Answer 1

если statusColor строка, то вам нужно сделать что-то вроде этого

<th style="font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;" 
[ngStyle]="{'color':statusColor}"></th>

Или вы можете использовать объект напрямую

ts

private myStyle = {color: statusColor};

html

<th style="font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;"
 [ngStyle]='myStyle'></th>

(хотя в этом примере объект статичен)