angular - ngStyle 不适用于 Angular2 中的 !important

Question

在 angular2 模板中，如果我写:

[ngStyle]="{'background-color': 'red'}"

它按预期工作。但如果我写:

[ngStyle]="{'background-color': 'red !important'}"

它不起作用(也没有显示任何错误)

Answer 1

由于 angular2 文档仍然不够好，我认为将解决方案作为答案发布可能会有所帮助(可能对某人有帮助)。

根据 angularjs (1.x) git 存储库 issue

You're not able to use the !important directive in the DOM style property in either Chrome nor FF (probably others too)

因此，我没有在 [ngStyle] 中使用 !important，而是使用以下方法来使其工作:

[attr.style]="'background-color:red !important'"

它按预期工作。