javascript - 获取元素 ng 类 AngularJS

Question

我有这样一个元素:

<div class="someclasses" ng-class="{'new-class': function()}">

如果使用 ng-click，我们可以通过传递 $event 来获取元素。像这样:

<div class="someClasses" ng-click="function($event)">

然后像这样获取目标元素:

$scope.function = function($event) {
    console.log($event.currentTarget); // Logs the current target element
}

但是，ng-class 不支持将事件对象 $event 作为参数传递。

所以我的问题是，如何获取也分配了 ng-class 的目标元素？

我不能使用 angular.element('classname') 选择器，因为函数内部的表达式在 ng-class 所在的元素上查找动态添加的类名 也被赋值了。

Answer 1

用最简单的话来说，这是不可能的。您将需要编写一个自定义指令来执行此操作，如 this thread 中指定的那样.

或者，如果您的 div 位于 ng-repeat 左右，您可以手动将一些标识符传递给您的函数，这将有助于它找到正确的信息。

<div ng-repeat="item in data track by $index">
  <div class="someclasses" ng-class="{'new-class': classFunc($index)}">
  ...
</div>

这样，classFunc 就可以访问项目的索引，并相应地在data 中找到信息。