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

element取得にもangularを使う

最近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で取れてしまうものが、結構手間掛かるのだなと思いました。言語がほぼほぼ違うので、キャッチアップするまでなかなか大変ですね。