在ng-mouseover和ng-mouseout事件angularjs上更改相同div的颜色

时间:2016-12-14 11:50:19

标签: angularjs angular-ui-bootstrap

我有div标签,on-mouseover我希望将现有的div颜色更改为其他颜色,反之亦然,以便鼠标移除。

<div class="btn col-lg-3" style="color:white;" ng-mouseover="" ng-mouseout="" ng-class="">
    <strong>ABOUT</strong>
</div>

我如何使用angularjs实现这一目标?任何人都可以帮助我

1 个答案:

答案 0 :(得分:1)

  <div class="btn col-lg-3" style="color:white;" ng-class="{'call-name':hovering}"  ng-mouseenter="hovering=true"
ng-mouseleave="hovering=false">
     <strong>ABOUT</strong>
  </div>