javascript - ng-mouseover上的Angular JS Change Class

每当您使用AngularJS将按钮悬停在按钮上时，便试图将类(蓝色)添加到按钮上。

的HTML

<button class="btn-add-optimize" ng-mouseover="hover(iets)">Add and Optimize</button>

AngularJS

$scope.hover = function (iets) {
    var Dit = this;
    Dit.add("blue");
};

有人可以帮我吗？最好有个小例子，不胜感激!

最佳答案

我成功地使用了这样的方法:

<button
    ng-class="{'some-class':hovering}"
    ng-mouseenter="hovering=true"
    ng-mouseleave="hovering=false">Add and Optimize</button>

进入和离开按钮将切换$scope.hovering，并且some-class的应用取决于$scope.hovering范围变量true。