読者です 読者をやめる 読者になる 読者になる

Keep It Real BLOG

ソフトウェアエンジニア。1児の父。 酒、ラーメン、サッカー好き。旅行も好きですが、普段は出不精で大抵たまプラーザ界隈に居ます。

AngularJSのng-clickしたelement取得方法

Web Web-AngularJS

f:id:naohide_a:20151202195340j:plain

最近AngularJSを使う機会があり、その際にng-clickしたelementの情報を取得したかったので、その方法をメモしておきます。

テンプレート側

AngularJSで、elementの情報を取得する際は、 $event というのを明示しなくてはいけないようです。

<div ng-click="foo($event)"></div>

JS側

JS側では、$event パラメータを利用し、elementを取得することが出来ました。

$scope.foo = function($event) {
    console.log(angular.element($event));
};

jQueryだと、thisで取れてしまうものが、結構手間掛かるのだなと思いました。