Angular JS 在 ng 鼠标悬停上更改类

Angular JS Change Class on ng-mouseover

本文关键字：悬停 鼠标 JS ng Angular      更新时间：2023-09-26

当您使用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的应用取决于true $scope.hovering范围变量。

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

你应该使用这个形式：ng类

对于 Angular 8，这对我有用：

<nav id="sidebar" [class]="!hovered ? 'active': ''" (mouseenter)='hovered=true' (mouseleave)="hovered=false">
相关文章：