請參閱指令angularjs中的HTML元素

Question

我通過在指令中的click事件上添加函數來進行一些DOM操作。

基本上，它是向右移動4個小盒子並顯示從左側滑動4個“新”盒子的動畫。 實際上，只有20個框與隱藏的溢出線margin-left: -270px ，您一次只能看到4個框，而單擊時只是margin-left: -270px添加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 
}