angular 鼠标移入移开元素显示或隐藏
2016-05-11 14:56
886 查看
<div class="col-md-12 itemtypebox" ng-class="{'activedbackgroundcolor':showtimes}" ng-mouseenter="showtimes = true" ng-mouseleave="showtimes = false"> <span class="itemtype col-md-10" ng-bind="item.name" ng-class="{'colorfff':showtimes}"></span> <span class="itemtype col-md-2"><i class="fa fa-times colorfff" ng-show="showtimes"></i></span> </div>主要使用了ng-mouseenter与 ng-mouseleave 表示鼠标的移入移出
相关文章推荐
- AngularJs分页插件
- Angularjs之ngModel中的值验证绑定
- angular $emit发送 后退时$on多次接收
- AngularJs(一) MVC 模式的应用
- Angularjs输出html
- AngularJS 自定义控件
- angular中的transclude详解
- angular 身份认证问题
- angularjs学习总结一(表达式、指令、模型)
- AngularJS directive指令之require部分
- Angularjs实现分页和分页算法
- angular controller不执行
- webstorm查看angular2的ts源码
- Eclipse上安装angularjs插件
- 25个超有用的 AngularJS Web 开发工具
- AngularJS 的表单验证
- Angularjs中的ng-class
- AngularJs多重视图和路由的使用
- 如何使用 AngularJS 的 ngShow 和 ngHide
- Angularjs Directive(指令)机制