使用AngularJS納克級應用不同性質的多個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