AngularJS - 使用 jQuery 获取当前元素

Question

我有 4 个模板，每个模板都有鼠标操作：

ng-mouseover="enableDragging()" ng-mouseleave="disableDragging()"

在这些函数中，我更改了一些范围变量，并且我希望能够使用 jQuery 添加 class。我可以在不传递参数且不更新某些范围变量（或其他一些解决方法）的情况下执行此操作吗？

我的意思是使用位于所有 4 个模板中的 class 或 id 的一些简单方法，而无需命名我所在的模板。

以防万一我以错误的方式讲述故事： 我想在输入 div 时更改一些范围变量和 div 的 css，并在我离开 div.

时回滚更改

谢谢

Answer 1

将$event作为参数传递给ng-mouseover回调函数以获取元素引用。

ng-mouseover="enableDragging($event)"

在控制器中

function enableDragging(event){
  var element = event.target;
  console.log(element)
}

如果你想根据条件更新Dom节点的class，你可以尝试ng-class指令。