javascript - angular.js中怎么获取当前的元素，然后为它增加class？

问题描述

问 题

1 通过 ng-repeat 循环出5条li，然后当鼠标进入的时候，为li增加 class=‘active’。

2<li ng-repeat="tmp in pdData.pdPic track by $index" ng-mouseenter="fun($index)"> <img ng-src="img/proDetail/{{tmp}}"/></li>

3

4 已经尝试的办法：（1）通过$event.target获取当前元素，然后addClass（‘ active’），但是每次是给li的子元素img增加了class=‘active’；
（2）通过this传递参数发现，this 指向的是当前￥scope，并不是当前元素。

求大神帮帮我吧

解决方案

1.利用ng-class为li附加类

$scope.fun = function(tmp, isActive) {
    tmp.active = isActive;
}

<li ng-class="{'active': tmp.active}" ng-repeat="tmp in pdData.pdPic track by $index" ng-mouseleave="fun(tmp, false)
" ng-mouseenter="fun(tmp, true)">
    <img ng-src="img/proDetail/{{tmp}}"/>
</li>

2.既然需求已经很明确要在当鼠标进入的时候，为li增加 class=‘active’。

那这样的话直接写css样式不就好了

.active:hover {
 XXXX
}

<li class="active" ng-repeat="tmp in pdData.pdPic track by $index">
    <img ng-src="img/proDetail/{{tmp}}"/>
</li>

这篇关于javascript - angular.js中怎么获取当前的元素，然后为它增加class？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！