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

Question

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

假设有一个数组呈现在ul带着li对于控制器上的每个元素和一个属性调用selectedIndex..将类添加到li用索引selectedIndex在安古拉杰？

我目前正在复制(手工)li代码并将类添加到li标签和使用ng-show和ng-hide只显示一个li每个指数。

Answer 1

五班支持必须计算为以空格分隔的类名的字符串，或类名数组，或类名到布尔值的映射/对象。所以，使用表格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'"