1. 通過數據的雙向綁定（一般是不推薦的)

   

   成都創新互聯公司專注于企業成都全網營銷、網站重做改版、涇川網站定制設計、自適應品牌網站建設、H5頁面制作、商城系統網站開發、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為涇川等各大城市提供網站開發制作服務。

1. $scope.className = "change1";
   
   <div class="{{className}}"></div>
   
   //或者像這樣
   
   function changeClass(){
     $scope.className = "change2";
   }
   
   <div class="{{className}}"></div>

2. 通過對象數組

1. function ctrl($scope) {  
     $scope.isClassA = true; 
   }
   
   <div ng-class="{true:'ClassA',false:'anotherClass'}[isClassA]"></div>
   
   //當isClassA為true時，增加ClassA樣式；當isClassA為false時，增加anotherClass樣式。

3. 通過key/value（推薦使用）

1. 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樣式。

當前文章：angularjs~ng-class
URL標題：http://vcdvsql.cn/article6/jhgiog.html

成都網站建設公司_創新互聯，為您提供用戶體驗、網站內鏈、網站營銷、建站公司、網站排名、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯