关于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样式。



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