イベントトリガー時にHTML要素を特定します

Question

ボタン/入力/などがたくさんあるアプリがあります。異なるイベントで私は、いくつかのイベントが誘発するそれらのそれぞれを明確に識別したい。例えば

、私は私のアプリの一部がある場合：私は何とか識別したい

<div class="someClass"> 
    <div> 
    <someOtherElement> 
     <div></div> 
     <div><button ng-click="someClickEvent($event)"></button></div> 
    </someOtherElement> 
    </div> 
</div> 

、私はクリックしたボタン：

function someClickEvent(e) { 
    // some identification code here 
} 

[編集]

を

たぶん私はこれを間違って書いたでしょう...私はXPathのような身分証明書が必要です。ローリング目的）。

私がbuttonをクリックして何らかのエラーが発生した場合、ボタンを特定してその情報をログに記録したいとします（例：div[0].someClass>div[0]>someOtherElement[0]>div[1]>button[0]）。

Answer 1

あなたがボタンを識別し得ると、このことによってそれをログに記録することができます

$scope.clickFunc = function(event){ 
    $scope.clickedElement = event.target.outerHTML; 
}; 

DEMO：http://jsfiddle.net/rjdzuxaL/1/

Answer 2

使用ng-click代わりonclick

<button ng-click="myFunction($event)">test</button> 

Working demo

Answer 3

変更HTMLの上：

<button ng-click="myFunction($event)">test</button> //onclick works on javascript. For Angularjs, use ng-click. 

JS：

$scope.someClickEvent = function(e) { 
    // some identification code here 
    var element = e.target; // this will give you the reference to the element. 
} 

コントローラでDOMを処理しないでください。それらのディレクティブを使用します。