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