如何使用AngularJS从DOM中获取被点击的元素?

时间:2015-07-09 06:56:03

标签: javascript jquery angularjs

在jQuery中,我可以使用以下

获取在DOM中单击的元素
$(document).click(function(event) {
    var element = $(event.target);
    console.log(element);
    ....
}

我如何对Angular做同样的事情?我已经在线搜索了它,但所有解决方案都与具有ng-click属性(如链接和按钮)的元素相关。我想听整个DOM的click事件,然后获取被点击的元素(p,li,a,span等)。无论如何,我只能使用Angular实现这一点,或者我必须使用jQuery?

2 个答案:

答案 0 :(得分:2)

来自文档https://docs.angularjs.org/api/ng/directive/ngClickhttps://docs.angularjs.org/guide/expression#-event-

Event object is available as $event

HTML

<div ng-click="functionName()"></div>

JS

$scope.functionName = function($event){}

答案 1 :(得分:2)

将ng-click放在身体上

$scope.selectedRow = [];

          $scope.getSelectedRow = function (data) {


              $scope.selectedRow.push({ userId: data.substituteId});
              //   $scope.selectedRow.push({ userId: data.substituteId, sublist: sublist, level: level });
              console.log("mydata", $scope.selectedRow);

          };

在您的控制器中:

 <body ng-click="go($event)">