Wie man ein Element von der ng-click-Aktion ausschließt

Question

Ich habe ein Element in einem Container mit ng-click, das diese Klickaktion nicht ausführen soll. Es hat die Struktur wie folgt aus:

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

Wie verhindern, dass die Ausführung takeSomeAction(), wenn Sie auf die Schaltfläche klicken?

Answer 1

Sie müssen die Ereignisausbreitung stoppen, was sehr einfach mit einem weiteren ng-Klick erfolgen kann.

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

Es verhindert die Ausführung der Routine, während die href folgt.