javascript - 连接多个 ng 类条件

Question

我有一个 <td>使用 ng-class使用现有条件检查。

带有 AngularJS 的 HTML

<td ng-repeat="cell in row.cells" ng-class="{selected: cell.isSelected, winner: cell.isWinner}" ng-click="updateCell(cell)">
    {{cell.word}}
</td>

我正在尝试将 CSS 类应用于特定的 <td>并发现我可以使用 <td> 来做到这一点ng-class 中的索引指令:

ng-class="{'myClassName':$index==12}"

我在将其添加到现有 ng-class 时遇到问题.如果我尝试将它添加到指令的末尾，用逗号分隔，cell.isSelected和 cell.isWinner条件停止工作并且 myClassName 也没有得到应用。例如:

ng-class="{selected: cell.isSelected, winner: cell.isWinner, 'myClassName':$index==12}"

selected: cell.isSelected和 winner: cell.isWinner特定于 <td> 中的任何一个细胞。 myClassName':$index==12应该只特定于第 13 个 <td>单元格。

我应该使用单独的 ng-class 吗？指令(哪个有效)？

Answer 1

ng-class 指令接受(在其他格式中)对对象求值的表达式(键是一个类，值决定是否应用该类)。如果要添加另一个类，只需向对象添加另一个键(用逗号分隔，而不是用分号分隔):

<td ng-class="{selected: cell.isSelected, winner: cell.isWinner, myClassName: ($index == 12) }">...</td>