關於ng-class

第一種方法:通過對象數組綁定

<span class="point"  ng-class="{true:'visibility'}[question.measures!==undefined]" ></span>

<div ng-class="{true:'selected',false:'unselected'}[isSelected]"></div>

如果後面【】的判斷成立則/或爲true時,添加class  :visibility/selected


第二種方法:通過key/value鍵值對綁定

function ctrl($scope) { 
    $scope.isA = true;
    $scope.isB = false;
    $scope.isC = false;
}


<div ng-class="{'A':isA,'B':isB,'C':isC}"></div>

當isA爲true時,增加A樣式;當isB爲true時,增加B樣式;當isC爲true時,增加C樣式。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章