ngStyle在angular2中不起作用！important

Question

如果我写的话，在angular2模板中：

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

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

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

它不起作用（也没有显示任何错误）

Answer 1

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

根据angularjs（1.x）git repository issue

  

您无法在DOM样式中使用！important指令   Chrome或FF（也可能是其他人）的财产

所以我没有在[ngStyle]中使用！important，而是使用以下方法使其工作：

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

它按预期工作。