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

Question

我有 div 标签，在鼠标悬停时我希望将现有的 div 颜色更改为其他颜色，反之亦然。

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

如何使用 angularjs 实现此目的？谁能帮帮我

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

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

change color of same div on ng-mouseover and ng-mouseout events angularjs

angularjs

angular-ui-bootstrap