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切换功能

angularJs中ng-class切换class的方法

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元的社                     团活动补助(寒暑假不享受)。                 

                           

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


分享文章:angularJs中ng-class切换class的方法
当前URL:http://bzwzjz.com/article/psposh.html