javascript - 防止使用 ng-click 单击元素触发 anchor 标记

Question

我有一个<span>在 <a> 内有一个 ng-click 处理程序标签。

<a href="/foo/bar">
  <h1>Some title</h1>
  <span ng-click="doSomething()">Say Hi!</span>
</a>

当单击此跨度时，如何防止 <a>标记导航到其位置？

编辑:我找到了答案 - 使用 e.preventDefault();不是e.stopPropagation(); .

Answer 1

尝试使用 event.stopPropagation() 来防止事件在 DOM 树中冒泡

<span ng-click="doSomething($event)">Say Hi!</span>

Controller

$scope.doSomething = function (event){
    event.stopPropagation();
    // other code
}