如何从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时阻止例程执行。