AngularJS中ng-class多条件设置：高亮Note为Success或Warning的行

这里有几种简洁的方式来扩展你的ng-class指令，让它同时高亮Note字段为Success或Warning的数据行：

方式一：直接在对象表达式中使用逻辑或 #

最直接的修改就是在条件里加入||运算符，同时匹配两种状态：

ng-class="{highlightRow: row.Note === 'Success' || row.Note === 'Warning'}"

这样只要当前行的Note值是Success或者Warning，就会自动为该行添加highlightRow类，实现高亮效果。

方式二：抽成控制器函数（更易维护） #

如果以后可能需要添加更多需要高亮的状态（比如Info），把判断逻辑放到控制器的函数里会更便于维护：
首先在你的Angular控制器中定义一个函数：

$scope.isHighlightableRow = function(row) {
  // 把需要高亮的状态放到数组里，后续新增直接修改数组即可
  const highlightStates = ['Success', 'Warning'];
  return highlightStates.includes(row.Note);
};

然后在模板中调用这个函数：

ng-class="{highlightRow: isHighlightableRow(row)}"

这种方式的好处是，当需要调整高亮规则时，不需要修改模板代码，只需要更新控制器里的数组就行，代码的可维护性更高。

方式三：三元表达式（简洁场景可用） #

你也可以用三元表达式的写法，虽然可读性不如前两种，但在简单场景下也能工作：

ng-class="(row.Note === 'Success' || row.Note === 'Warning') ? 'highlightRow' : ''"

内容的提问来源于stack exchange，提问作者Mike