angular 鼠標移入移開元素顯示或隱藏

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