首页 > 技术文章 > angularjs hover

qyhol 2016-06-28 13:29 原文

<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"

推荐阅读