如何获得DOM元素与NG单击

我有这样一些因素：如何获得DOM元素与NG单击

<button ng-click="weirdFunction()">Pretty Button</button>

和功能的控制器：

$scope.weirdFunction = function(element) { 
console.log(element); 
}

在控制台日志我希望收到此DOM元素。我试着做这几种方式：

<button ng-click="weirdFunction()" ng-model="button">Pretty Button</button>

$scope.weirdFunction = function() { console.log($scope.button); }
<button ng-click="weirdFunction(button)" ng-model="button">Pretty Button</button> $scope.weirdFunction = function(elem) { console.log(elem); }
<button ng-click="weirdFunction($element)">Pretty Button</button> $scope.weirdFunction = function(elem) { console.log(elem); } 但所有尝试均失败。我错在哪里？如何获得点击的元素？

来源

2016-08-12 YoroDiallo

使用的指令，如果你要访问元素，或通过内部功能 –

$事件你可以做'NG点击= “weirdFunction（$ event.target）”'，首先为什么你需要DOM吗？ –

@Pankaj Parkar我想做出某种类型的dropup模式窗口，所以按钮是ElementSibling，当我按下该按钮时，函数会使'previousElementSibling.style.display ='inline-block'' – YoroDiallo

请尝试下面的代码片段。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.weirdFunction = function(element) { 
 
    console.log(element); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<button ng-click="weirdFunction($event.currentTarget)">Pretty Button</button> 
 
</div>

来源

2016-08-12 09:41:07

将$ event对象传递给weirdFunction。 $ event.target给出了触发点击的元素。

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

来源

2016-08-12 09:40:28

你的答案是我的野蛮人。谢谢老兄 –

我很高兴它帮助你:) –

如何获得DOM元素与NG单击

回答

相关问题