angularjs - 从 ng-click 获取 jQuery 元素引用

Question

我有一个半任意长度的 ng-repeat ，带有一个“标签沿”元素，该元素根据某些标准进行渲染:

<div ng-repeat-start="day in [1,2,3,4,5,6,7] track by $index">my repeat</div>
<div ng-repeat-end ng-if="shouldRender(day)" class="maybe">maybe rendered</div>

我想要做的是在重复元素上设置一个单击事件，并引用 NEXT SIBLING“可能呈现”元素，以便执行一些 jQuery 魔法。所以我想做的是添加 ng-click="getNextMaybe(this)" 并处理它以查找下一个同级 .maybe 元素。所以现在我有:

<div ng-repeat-start="day in [1,2,3,4,5,6,7] track by $index" ng-click="getNextMaybe(this)">my repeat</div>
<div ng-repeat-end ng-if="shouldRender(day)" class="maybe">maybe rendered</div>

function myCtrl($scope){
  $scope.getNextMaybe = function(repeatElem){
    var nextMaybe = $(repeatElem).next('.maybe');
  }
}

我想我对这个实例中的 this 是什么以及如何将其转换为 jQuery 对象来进行处理感到有点困惑。

谢谢!

Answer 1

您可以将 $event 传递给您的函数并查看 $event.target 以获取元素 ( plnkr ):

<button ng-click="onClick($event)">Button</button>

Controller :

$scope.onClick = function(evt) {
  console.dir(evt.target);
}