有条件地应用类的最佳方法是什么？

Question

有条件地应用类的最佳方法是什么？假设有一个数组呈现在ul带着li对于控制器上的每个元素和一个属性调用selectedIndex..将类添加到li用索引selectedIndex在安古拉杰？我目前正在复制(手工)li代码并将类添加到li标签和使用ng-show和ng-hide只显示一个li每个指数。

Answer 1

五班支持必须计算为

1. 以空格分隔的类名的字符串，或
2. 类名数组，或
3. 类名到布尔值的映射/对象。

所以，使用表格3)我们可以简单地写

ng-class="{'selected': $index==selectedIndex}"

另见如何在AngularJS中有条件地应用CSS样式？想得到更广泛的答案。

---

更新：角1.1.5增加了一个三元算子，所以如果你更熟悉这个结构：

ng-class="($index==selectedIndex) ? 'selected' : ''"

Answer 2

我最喜欢的方法是使用三元表达式。

ng-class="condition ? 'trueClass' : 'falseClass'"

注：如果你用的是旧版的角形，你应该用这个，

ng-class="condition && 'trueClass' || 'falseClass'"