本文實例講述了AngularJS中ng-class用法。分享給大家供大家參考，具體如下：
使用 ng-class 動態設置元素的類，方法是綁定一個代表所有需要添加的類的表達式。重復的類不會添加。當表達式發生變化，先前添加的類會被移除，新類會被添加。
在angular中為我們提供了3種方案：
① 通過數據的雙向綁定（不推薦使用）
② 通過對象數組。
③ 通過key/value
一、通過數據雙向綁定：
function changeClass(){ $scope.className = "change2";}<div class="{{className}}"></div>二、通過字符串數組的形式來改變
<div ng-controller="firstController"> <div ng-class="{true:'change1',false:'change2'}[className]"></div></div><script> var app=angular.module("myModule",[]) app.controller('firstController',function($scope){ $scope.className=true; })</script>三、通過key/value
function Ctr($scope) {}<div ng-class {'selected': isSelected, 'car': isCar}"></div>說明：當isSelected為真的時候則添加class ‘selected' 當isCar為真的時候則添加class ‘car'
更多關于AngularJS相關內容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結》、《AngularJS入門與進階教程》及《AngularJS MVC架構總結》
希望本文所述對大家AngularJS程序設計有所幫助。
新聞熱點
疑難解答
