javascript - 要素を ng-click アクションから除外する方法

Question

このクリック アクションを実行しないでください。次のような構造になっています。

<div class="container" ng-click="takeSomeAction()>
    <p>Some content</p>
    <a class="btn" ng-href="#{{whatever}}">button content</a>
</div>

takeSomeAction()ボタンをクリックしたときに実行されないようにする方法は?

Answer 1

イベントの伝播を停止する必要があります。これは、別の ng-click で非常に簡単に実行できます。

<div class="container" ng-click="takeSomeAction()>
    <p>Some content</p>
    <a class="btn" ng-href="#{{whatever}}" ng-click="$event.stopPropagation()">button content</a>
</div>

href をたどっている間、ルーチンの実行を防ぎます。