请参阅指令angularjs中的HTML元素

Question

我正在通过在我的指令中添加click事件的函数来进行一些DOM操作。

基本上是将4个小方框向右移动并显示4个从左侧滑动的“新”方框的动画。对于真正的只有20个符合隐藏溢出的方框，你只能看到4个时候点击它只是添加margin-left: -270px来假装水平滚动。

目前我正在“抓住”这20个元素

document.querySelectorAll(".last-added-element").forEach(function(elem) {

并且这个解决方案工作正常，直到我在同一页面使用我的指令两次（相同的视图）。当我执行函数时，它会在两个方向中滚动框。

我可以某种方式在上面的行（querySelectorAll方法）范围内获取结果的NodeList，但只能从其模板中获取整个DOM吗？

Answer 1

指令中的

link公开了该指令被调用的元素，因此来自该元素的查询

link:function(scope, element, attrs){
   // element is a jQlite object
   element[0].querySelector('.someClass').doSomething 
}