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

【问题标题】：Using ng-style to set background if value doesn't match如果值不匹配，使用 ng-style 设置背景
【发布时间】：2015-09-20 03:30:52
【问题描述】：

大家好，我有一个 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>

谁能告诉我这里哪里出错了？

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

试试这个？

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

【讨论】：