angularjs hover

<ul class="pdl-15">
<li ng-repeat="order in vm.selectOrders" ng-class="{styleSwitch: hover}"><div class="width-90b float-left selectedOption">{{order.orderCode}}</div>
<div class="width-10b float-left text-right" ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <img src="/static/assets/img/close_ico.png" class="chooseDetail" ng-click="fn.removeSuppression(order)"></div></li>
</ul>

关键点:
ng-class="{styleSwitch: hover}"
ng-mouseenter="hover = true" 

ng-mouseleave="hover = false"
posted on 2016-06-28 13:29  qinyahui  阅读(1024)  评论(0编辑  收藏  举报