angularJs中ng-class切换class的方法-创新互联

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

为洪泽等地区用户提供了全套网页设计制作服务,及洪泽网站建设行业解决方案。主营业务为做网站、成都网站建设、洪泽网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

在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的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站建设公司行业资讯频道!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文标题:angularJs中ng-class切换class的方法-创新互联
浏览地址:http://ybzwz.com/article/pjcsd.html

其他资讯