angular 鼠标移入移开元素显示或隐藏

最新推荐文章于 2022-12-07 10:42:02 发布

元生态

最新推荐文章于 2022-12-07 10:42:02 发布

阅读量2.3w

点赞数

分类专栏： angularjs

本文链接：https://blog.csdn.net/chenhua4088/article/details/51374531

版权

angularjs 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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 表示鼠标的移入移出