在Angular 6中添加ngStyle以及本机HTML内联样式标签

Question

我需要使用ngStyle以及已经应用的HTML样式添加样式。

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

在TypeScript中，

private statusColor:string;

但这不起作用。我们不能在同一标签中同时添加HTML的Style和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>

（在此示例中，对象是静态的）