从ng-click调用$ event上的JQuery函数

Question

我有div ng-click我在其中调用以下函数：

$scope.toggleLog = function($event){
     $event.currentTarget.slideToggle()
 }

当我查看调试器时$event.currentTarget指向我的div，所以看起来很好。但是，slideToggle()函数未定义。我已经包含了JQuery。 $event是一个jquery对象，currentTarget也是如此。那么为什么我无法调用任何与JQuery相关的函数呢？

Answer 1

而不是这一行

$event.currentTarget.slideToggle()

尝试使用这种方式，

angular.element($event.currentTarget).slideToggle();

angular.element是angularjs

中jQuery的别名

  

如果jQuery可用，angular.element是jQuery的别名   功能。如果jQuery不可用，则angular.element委托给   Angular的内置jQuery子集，名为＆＃34; jQuery lite＆＃34;或＆＃34; jqLit​​e。＆＃34;

Answer 2

$event.currentTarget指向DOM元素，而不是jQuery对象。将其包装在jQuery中，然后调用slideToggle。

$($event.currentTarget).slideToggle();