AngularJS を使っていて、 <a>
タグの ng-click
に設定した処理のあとリンク先に遷移しないようにしたいことがありました。
$event
というオブジェクトを評価したい関数に渡すことができます。
この $event
に対して preventDefault()
や stopPropagation()
が呼び出せます。
ということで簡単なサンプルを書いてみました。
また、<a>
タグの href
属性の値を空にすることでページ遷移やリロードすることなく、ng-click
に設定した式を評価できます。
ソースコードを見ると click イベントが発生すると preventDefault()
していますね。
どこにもリンクしないのに <a>
タグを使う必要があるのか、とあまり腑に落ちませんが、こういうやり方もあるということで書いておきます。