ng-mouseover上的Angular JS Change Class

Question

我试图在使用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");
};

有人可以帮帮我吗？最好是一个小例子,非常感谢!

Answer 1

我成功地使用了这样的东西:

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

Answer 2

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

您应该使用以下形式:ng-class