javascript - 在 AngularJS 中使用 ng-class 应用多个不同性质的 CSS 类名

Question

我有一个指令，其结构是：

<mydir ng-class="i.labels", ng-class="{'elSelected': i.id == selectedId}"></mydir>

这i.labels是一个 CSS 类名数组，i.id和selectedId是数字，所有这些都在控制器内部声明。我想应用数组中包含的所有类i.labels并有条件elSelected地应用于mydir. 我怎样才能用 ng-class 做到这一点？

Answer 1

您可以使用ng-class来应用类数组并使用class属性有条件地应用一个类：

<mydir ng-class="i.labels" 
class="{{i.id == selectedId? 'elSelected' : ''}}"></mydir>

Fiddle