小編給大家分享一下angularJs中ng-class切換class的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

膠州網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)建站于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

在angular中為我們提供了3種方案處理class：

1：scope變量綁定

2：字符串數(shù)組形式。

3：對象key/value處理。

第一種我們不推薦使用，看看其他兩種解決方案：

字符串數(shù)組形式

字符串數(shù)組形式是針對class簡單變化，具有排斥性的變化，true是什么class，false是什么class，其形如;

賽事介紹 
賽事合作

var app = angular.module('myApp', []);

app.controller('tabCtr', function ($scope) { 
  //$scope.data = {}; 
  //$scope.data.show = true;//初始化scope下的變量

  $scope.isActive = true; 
  
})

對象key/value處理

賽事介紹 
賽事合作

var app = angular.module('myApp', []);

app.controller('tabCtr', function ($scope) { 
  //$scope.data = {}; 
  //$scope.data.show = true;//初始化scope下的變量

  $scope.isActive = true; 
  
})

配合ng-show實現(xiàn)tab切換功能

賽事介紹
賽事合作


              

                
學子易貸杯賽事介紹
                此次聯(lián)賽涵蓋全國十個分賽區(qū)，分別為：北京、上海、廣東、江蘇、浙江、安徽、青島、湖南、湖北、福建十個賽區(qū)。在賽期設(shè)置上分為春季賽、秋季賽和總決賽。其中春季賽所覆蓋的賽區(qū)為：上海、江蘇、浙江、安徽、青島；秋季賽所覆蓋賽區(qū)為：北京、廣東、湖北、湖南、福建。

                
校區(qū)賽：各校區(qū)附近網(wǎng)吧 分區(qū)賽：網(wǎng)咖 賽區(qū)賽：各賽區(qū)省會 總決賽：上海