Blogaomu

WEBアプリケーション開発とその周辺のメモをゆるふわに書いていきます。

AngularJS ng-click で preventDefault したい

AngularJS を使っていて、 <a> タグの ng-click に設定した処理のあとリンク先に遷移しないようにしたいことがありました。

$event というオブジェクトを評価したい関数に渡すことができます。 この $event に対して preventDefault()stopPropagation() が呼び出せます。

ということで簡単なサンプルを書いてみました。

また、<a> タグの href 属性の値を空にすることでページ遷移やリロードすることなく、ng-click に設定した式を評価できます。

ソースコードを見ると click イベントが発生すると preventDefault() していますね。

どこにもリンクしないのに <a> タグを使う必要があるのか、とあまり腑に落ちませんが、こういうやり方もあるということで書いておきます。