javascript - 从指令 angularjs 引用 HTML 元素

Question

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

基本上，它是将 4 个小盒子向右移动并显示 4 个"new"盒子从左侧滑动的动画。实际上，只有 20 个与 overflow hidden 对齐的框，您一次只能看到 4 个，单击它只是添加 margin-left: -270px 来假装水平滚动。

目前我正在用

“捕获”这 20 个元素

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

这个解决方案工作正常，直到我在同一页面(同一 View )使用我的指令两次。然后，当我执行函数时，它会在两个指令中滚动框。

我能否以某种方式在上面的行(querySelectorAll 方法)中获取结果的 NodeList，但只能从其模板中获取结果，而不是整个 DOM？

Answer 1

指令中的

link 公开了调用该指令的元素，以便从该元素进行查询

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