在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