参考指令 angularjs 中的 HTML 元素

Question

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

基本上它是将 4 个小方块向右移动并显示 4 个 "new" 方块从左侧滑动的动画。实际上，只有 20 个符合隐藏溢出的框，您一次只能看到 4 个，单击它只是添加 margin-left: -270px 假装水平滚动。

目前我 "catching" 这 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 
}

Refer to HTML element from directive angularjs