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

在中为我们提供了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切换功能

angularJs中ng-class切换class的方法

赛事介绍
赛事合作
              
                

学子易贷杯赛事介绍

                

此次联赛涵盖全国十个分赛区,分别为:北京、上海、广东、江苏、浙江、安徽、青岛、湖南、湖北、福建十个赛区。在赛期设置上分为春季赛、秋季赛和总决赛。其中春季赛所覆盖的赛区为:上海、江苏、浙江、安徽、青岛;秋季赛所覆盖赛区为:北京、广东、湖北、湖南、福建。

                

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

              
              
                

4月8日-5月8日5月21日-6月5日6月10日-6月12日2016年6月18日

                

校园赛时间分区赛时间赛区赛时间总决赛时间

              
            
            
              
                

1.主办方:学子易贷

                

2.协办方:无锡市电子竞技协会

                

3.赞助方:.....

                

4.合作方:高校电竞社团

                

                  备注:高校电竞社团与学子易贷达成合作意向并成功帮助学子易贷完成高校                     报名宣传以及后续工作可以登录学子易贷官网—“学子公益”申请社团活动                     资金1000元,并升级成为学子易贷的高校合作社团,每月享受600元的社                     团活动补助(寒暑假不享受)。                 

              
            

以上是“中ng-class切换class的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

———END———
限 时 特 惠: 本站每日持续更新海量各大内部创业教程,永久会员只需109元,全站资源免费下载 点击查看详情
站 长 微 信: nanadh666

声明:1、本内容转载于网络,版权归原作者所有!2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。3、本内容若侵犯到你的版权利益,请联系我们,会尽快给予删除处理!