angularJs中ng-class切换class的方法

小编给大家分享一下angularJs中ng-class切换class的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

胶州网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联建站于2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

在angular中为我们提供了3种方案处理class：

1：scope变量绑定

2：字符串数组形式。

3：对象key/value处理。

第一种我们不推荐使用，看看其他两种解决方案：

字符串数组形式

字符串数组形式是针对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实现tab切换功能

赛事介绍
赛事合作


              

                
学子易贷杯赛事介绍
                此次联赛涵盖全国十个分赛区，分别为：北京、上海、广东、江苏、浙江、安徽、青岛、湖南、湖北、福建十个赛区。在赛期设置上分为春季赛、秋季赛和总决赛。其中春季赛所覆盖的赛区为：上海、江苏、浙江、安徽、青岛；秋季赛所覆盖赛区为：北京、广东、湖北、湖南、福建。

                
校区赛：各校区附近网吧 分区赛：网咖 赛区赛：各赛区省会 总决赛：上海