我认为:

<a ng-click="do()">Click</a>

因为根据文档，你应该可以离开href，然后Angular会为你处理防止的默认值!

整个这个防止默认的事情一直困扰着我，所以我创建了一个JSFiddle 说明了Angular在何时何地阻止了默认。

JSFiddle使用的是Angular的a指令——所以应该是完全一样的。您可以在这里看到源代码:一个标记源代码

我希望这将有助于澄清一些。

我本想把这个文档发布到ngHref上，但因为我的名声，我不能。

你应该做的是，完全省略href属性。

如果你看一下a element指令(它是Angular核心的一部分)的源代码，它在第29 - 31行声明:

if (!element.attr(href)) {
    event.preventDefault();
}

这意味着Angular已经解决了没有href的链接问题。你仍然有唯一的问题是css问题。你仍然可以将指针样式应用于具有ng-clicks的锚点，例如:

a[ng-click] {
    /* Styles for anchors without href but WITH ng-click */
    cursor: pointer;
}

因此，你甚至可以通过用一种微妙的、不同的样式来标记真正的链接，从而使你的网站更容易访问。

编码快乐!

更新:我已经改变了我对这个解决方案的想法。经过更多的开发和时间的努力，我相信更好的解决这个问题的方法是:

<a ng-click="myFunction()">Click Here</a>

然后更新你的css有一个额外的规则:

a[ng-click]{
    cursor: pointer;
}

它更简单，提供完全相同的功能，效率更高。希望这对将来寻找这个解决方案的人有所帮助。

以下是我之前的解决方案，我把它放在这里只是为了遗留的目的:

如果你经常遇到这个问题，一个简单的指令可以解决这个问题:

app.directive('a', function() {
    return {
        restrict: 'E',
        link: function(scope, elem, attrs) {
            if(attrs.ngClick || attrs.href === '' || attrs.href === '#'){
                elem.on('click', function(e){
                    e.preventDefault();
                });
            }
        }
   };
});

它检查所有锚标记(<a></a>)，看看它们的href属性是否为空字符串("")或散列('#')，或者存在ng-click赋值。如果发现其中任何一种情况，它将捕获事件并防止默认行为。

唯一的缺点是它为所有锚标记运行这个指令。因此，如果页面上有很多锚标记，而你只想阻止其中一小部分的默认行为，那么这个指令就不是很有效。然而，我几乎总是想要preventDefault，所以我在我的AngularJS应用程序中都使用这个指令。

你可以将$event对象传递给你的方法，并在它上面调用$event. preventdefault()，这样默认的处理就不会发生:

<a href="#" ng-click="do($event)">Click</a>

// then in your controller.do($event) method
$event.preventDefault()

ng-click="$event.preventDefault()"

我一直都是这么做的。效果好极了!

<a href ng-click="do()">Click</a>