Jak wykluczyć element z akcji ng-click

Question

Mam element wewnątrz kontenera z ng-click, który nie powinien wykonywać tej akcji kliknięcia. To ma strukturę podobną do tej:

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

Jak zapobiec wykonywaniu takeSomeAction() po kliknięciu przycisku?

Answer 1

Musisz zatrzymać propagację zdarzenia, co można zrobić bardzo łatwo za pomocą innego kliknięcia.

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

Uniemożliwi to rutynowe wykonanie podczas podążania za hrefem.