在Angular指令中应用以下内容时,刷新图标会动画一秒钟然后停止,那没关系就没问题了。当应用其他项目时会出现问题,因为当我想要的所有图像都是第一个动画时,所有图像都是并行设置的。
var img = element.find('img'); <-- I suspect this is incorrect
img.addClass('animate');
setTimeout( function() {
img.removeClass('animate');
}, 1000);
<!-- HTML TEMPLATE -->
<ul>
<li ng-repeat="item in items">
<div class="listItemContainer">
<img class="refreshIcon" src="images/refresh.png">
<div class="classA">{{item.prop1}}</div>
<div class="classB">{{item.prop2}}</div>
</div>
</li>
</ul>
答案 0 :(得分:0)
.find()将找到所有图像,而不仅仅是第一个图像。要过滤到第一个,只需在.eq(0)
.find()
即可
var img = element.find('img').eq(0);