angularjs控制css样式
2016-05-27 16:40
351 查看
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,颜色改变
相关文章推荐
- angularjs +boostrap后台模板实现原理
- AngularJS中service,factory,provider的区别
- AngularJS:如何使用自定义指令来取代ng-repeat
- angularjs2 学习笔记(四) 路由
- angularjs2 学习笔记(三) 服务
- Angularjs中使用jquery分页控件
- 使用ng-inspector调试Angular页面
- angular评论星级指令
- AngularJS:如何使用自定义指令来取代ng-repeat
- angular的缺点
- AngularJS进阶(三十九)基于项目实战解析ng启动加载过程
- AngularJS进阶(三十九)基于项目实例解析ng启动加载过程
- AngularJS之Service(四)
- 关于angularJS绑定数据时自动转义html标签
- angularJs控制器执行顺序
- 2.AngularJS 作用域( scope )
- angularJS中自定义服务的理解
- angular中get方法URL无法正确传输
- AngularJs内置指令
- angularJS中的核心服务深入理解