显然您不能,这是一个已知问题,但是可以在此处找到一些解决方法:
https://github.com/angular/angular.js/issues/5379
以下解决方案已从站点复制,以防万一链接中断或被更改。
您无法
!important在Chrome或FF(可能还有其他)的DOM样式属性中使用指令。style属性被解析为CSS,但该
HTMLElement.style属性没有。不幸的是,您不能在此处设置属性的优先级(至少在Gecko
/ Blink / Webkit中)。
因此,这里有一些解决方法:
解决方法#1
<ANY data-ng-attr-></ANY>
就浏览器支持而言,这是最好的方法,因为在这里可以正确解析CSS属性优先级。
解决方法2
或者,您也可以在javascript中执行以下操作:
$scope.$watch(conditionalStyle);function conditionalStyle() { if ($scope.blue) { $element[0].style.setProprety('background-color', 'blue', 'important'); } else { $element[0].style.backgroundColor = ''; }}$element引用HTMLElement的jQuery / jqLite对象在哪里。
注意 :IE <9中不支持警告,因此解决方案#1可能是此行为的最佳选择,这取决于属性优先级…



