關於AngularJS的ng-class

當通過點擊改變標籤元素的樣式時，ng-class就派上了用場。我用的時候，是因爲需要在一個A元素數組中查找被選中的A元素數組中的元素，不知道你們明白嗎，就是在一個大數組裏面查找小數組中的元素，如果存在樣式就改變。剛開始的時候特別頭疼，後來看到了ng-class,就變得簡單起來。
簡單來說ng-class可以根據數據的變化進行雙向綁定。
比如：當我們這樣簡單綁定的時候：
<div ng-class="{{page1.active}}"></div
當我們在controller裏面操作page1.active的時候，ng-class的值就會變成page1.active的值,用來操作active的值。

Page.prototype.changeActive = function(){
    if(this.change){
        this.active = 'active';
    }else{
        this.active = 'inactive';
    }
};

當然，我們也可以這樣子寫，在先確定值的情況下確定class：

<div ng-class="{true:'active',false:'inactive'}[page1.isActive]"></div>

Page.prototype.change = function(){
    this.isActive = ture;
};

還有另一種的寫法，在確定class的情況下，確定是否顯示這個class：

<div ng-class="{'active':page.changeActive();}"></div>

Page.prototype.changeActive = function(){
    return active != '';
};

我用的最多的還是第三種寫法。

在此非常感謝：
http://www.cnblogs.com/whitewolf/archive/2013/05/22/3092184.html