ng-class切换不使用2个不同的表达式来切换相同的类

Question

我有一种情况，我希望将类.opened添加到$ first项目以及满足另一个条件时。

ng-class="{opened:$first,opened:visited_place.id == lastClickedVisitedPlace}"

这两个表达方式都能很好地发挥作用，但如果像上面那样合并，第一个表示失败......有人可以向我解释如何解决这个问题吗？

我尝试过使用多个ng-class属性，但它给出了一个错误，说明元素上只能有1个ng-class属性。

Answer 1

尝试使用：

ng-class="{opened:$first || visited_place.id == lastClickedVisitedPlace}"

我相信，这是一个模拟你想要的结果的工作小提琴。在这种情况下，如果div为.opened或$first：https://jsfiddle.net/c1huchuz/31/

，则应用类$index == 3

Answer 2

试试这个：

ng-class="{opened:$first || visited_place.id == lastClickedVisitedPlace}"

来自AngularJS docs：

  

如果表达式求值为一个对象，则对于具有truthy值的对象的每个键值对，相应的键将用作类名。