1、由于angularjs可以绑定数据,所以我们完全可以 <div class="{{classname}}"></div>的方式实现,但是这种方式完全就没有了程序的乐趣,所以我们也可以采用下面的方式进行
代码如下:
<style> .span2{color: red} .span3{color: blue} </style>定义两个style样式,绑定到div上
<div ng-class={'span2':isselect,'span3':span3} ng-click="change()"></div>js代码如下:
$scope.span2=true;$scope.change= function () { $scope.span2=false; $scope.span3=true; }当促发click事件后span2由true变为false,颜色改变