Come escludere un elemento dall'azione ng-click

Question

Ho un elemento all'interno di un contenitore con ng-clic, che non dovrebbe eseguire questa azione di clic. Ha la struttura simile a questo:

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

Come impedire l'esecuzione di takeSomeAction() quando si fa clic sul pulsante?

Answer 1

È necessario interrompere la propagazione dell'evento, operazione che può essere eseguita molto facilmente con un altro ng-clic.

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

Esso impedisce l'esecuzione della sequenza seguendo il href.