在angular中，我们提供了三种方案来处理类：

1.范围变量绑定

2:字符串数组形式。

3.对象键/值处理。

我们不推荐第一种。看看另外两个解决方案：

字符串数组形式

字符串数组的形式是针对类的简单变化，具有排他性变化。什么类是真，什么类是假，其形式如下；

span ng-class=' { True : ' BTN 01 hover '，false : ' BTN 01 ' }[is active]' ng-click=' is active=True '事件介绍/span span ng-class=' { True : ' BTN 02 '，True : ' BTN 02 haver ' }[is active]' ng-click=' is active=false '竞争合作/span var app=angular . module(' myapp '，[])；app.controller('tabCtr '，function($ scope){//$ scope . data={ }；//$ scope . data . show=true；//初始化变量$ scope . isaactive=scope下的true})对象键/值处理

Span ng-class=' {btn01: true，悬停3360 is active } ' ng-click=' is active=true '事件介绍/span span ng-class=' { BTN 02: ' true，悬停3360！is active } ' ng-click=' is active=false '竞争合作/span varapp=angular . module(' myapp '，[])；app.controller('tabCtr '，function($ scope){//$ scope . data={ }；//$ scope . data . show=true；//初始化变量$ scope . isaactive=scope下的true})配合ng-show实现tab切换功能

Span ng-class=' {btn01: true，悬停3360 is active } ' ng-click=' is active=true '事件介绍/span span ng-class=' { BTN 02: ' true，悬停3360！I active } ' ng-click=' I active=false '比赛合作/Span div=' game _ tab _ change ' ng-show=' I active ' div=' game _ desc _ title ' pinto production to The Student Easy Loan Span Cup/Span/P class=' desc '联赛覆盖中国十大赛区，分别是北京、上海、广东、江苏、浙江、安徽、青岛、湖南、湖北、福建。比赛期间分为春季比赛、秋季比赛和决赛。春季大赛覆盖的赛区为：上海、江苏、浙江、安徽、青岛；秋季大赛覆盖的赛区有北京、广东、湖北、湖南、福建。/p p校园竞赛：各校区附近的西班牙网吧/span赛区竞赛：西班牙网吧/span赛区竞赛：各赛区省会/span决赛：span上海/span/p/div class=' game _ desc _ Time ' pspan 4月8日-5月8日/span span 5月21日-6月5日/Spanspan6月10日-6月12日/span span class=' last ' 2016年6月18日/span/p pspan校园竞赛时间/span赛区竞赛时间/span class=' last '总决赛时间/span/p/Div组织者：学生轻松贷款/p2。协办单位：无锡市电子竞技协会/p p3。赞助商：/p p4。合作伙伴：高校电子竞技协会/P p class='备注'备注：与学生易贷达成合作意向，并成功帮助学生易贷完成高校报名宣传及后续工作后，可登录学生易贷官网-「学生公益」申请1000元俱乐部活动基金，升级成为学生易贷高校合作协会，每月享受600元社会活动补贴(寒暑假期间不享受)。/p /div /div以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。