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

Question

ng-clickを持つコンテナ内に要素があります。この要素はこのクリックアクションを実行しません。

<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の実行中にルーチンの実行を妨げます。