溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
通過數據的雙向綁定（一般是不推薦的)
$scope.className = "change1";
<div class="{{className}}"></div>
//或者像這樣
function changeClass(){
$scope.className = "change2";
}
<div class="{{className}}"></div>通過對象數組
function ctrl($scope) {
$scope.isClassA = true;
}
<div ng-class="{true:'ClassA',false:'anotherClass'}[isClassA]"></div>
//當isClassA為true時，增加ClassA樣式；當isClassA為false時，增加anotherClass樣式。通過key/value（推薦使用）
function ctrl($scope) {
$scope.isClassA = true;
$scope.isClassB = false;
$scope.isClassC = false;
}
<div ng-class="{'ClassA':isClassA,'ClassB':isClassB,'ClassC':isClassC}"></div>
//當isClassA為true時，增加ClassA樣式；當isClassB為true時，增加ClassB樣式；當isClassC為true時，增加ClassC樣式。免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
