javascript - 带有 !important 的 pre 标签中的 ng-style 不起作用

Question

<pre ng-style="(errmessage) ? { 'width':'100%', color:'red !important' } : { 'width': '0%' }">{{errmessage}}</em></pre>

如果错误消息不为空，我想使用 ng-style 将来自指令 {{errmessage}} 的预标记错误消息的颜色覆盖为红色。

Answer 1

最好使用 ng-class 而不是 ng-style

在css中添加两个类:

.has-error {
  width:100%;
  color: red !important;
}
.no-error {
  width:0%;
}

并在html中使用它

<pre ng-class="errmessage ? 'has-error': 'no-error'">{{errmessage}}</pre>