Как исключить элемент из действия ng-click

У меня есть элемент внутри контейнера с ng-click, который не должен выполнять это действие click. Он похож на структуру:

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

Как предотвратить выполнение takeSomeAction() при нажатии кнопки?

Ответ 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.