显然您不能,这是一个已知问题,但是可以在此处找到一些解决方法:
https://github.com/angular/angular.js/issues/5379
您无法!important
在Chrome或FF(可能还有其他)的DOM样式属性中使用指令。style属性被解析为CSS,但该HTMLElement.style
属性没有。不幸的是,您不能在此处设置属性的优先级(至少在Gecko / Blink / Webkit中)。
因此,这里有一些解决方法:
<ANY data-ng-attr-style="{{ blue && 'background-color: blue!important' || '' }}">
</ANY>
就浏览器支持而言,这是最好的方法,因为在这里可以正确解析CSS属性优先级。
或者,您也可以在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 / jqLit??e对象在哪里。