如果值不匹配，则使用ng-style设置背景

Question

大家好，我有一个针对ul的ng-repeat，为每个项目制作li。

在json中，如果与预定义的字符串不匹配，我想要突出显示一个值：

ng-style="{'background-color':(json.string!=='NO_MATCH'?'yellow')}

这是完整的ng-repeat

<li ng-repeat="json in json" ng-style="{'background-color':(json.string!=='NO_MATCH'?'yellow')}>{{ json.title }} - {{ json.display }}</li>

有人可以告诉我这里哪里出错吗？

Answer 1

使用 ngClass 代替 ngStyle 。因为 ngStyle 添加了li的内联样式

在css中

.yellow {
  background-color : yellow
}

在html中

<li ng-repeat="json in json" ng-class="{'yellow' : json.string !== 'NO_MATCH'}">{{ json.title }} - {{ json.display }}</li>

Answer 2

试试这个？

ng-style="{'background-color: yellow;': json.string!=='NO_MATCH'}"