既然你在制作网页应用，为什么还需要链接呢?

把锚换成按钮!

<button ng-click="do()"></button>

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

<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应用程序中都使用这个指令。

根据ngHref的文档，你应该可以去掉href或执行href=""。

<input ng-model="value" /><br />
<a id="link-1" href ng-click="value = 1">link 1</a> (link, don't reload)<br />
<a id="link-2" href="" ng-click="value = 2">link 2</a> (link, don't reload)<br />
<a id="link-4" href="" name="xx" ng-click="value = 4">anchor</a> (link, don't reload)<br />
<a id="link-5" name="xxx" ng-click="value = 5">anchor</a> (no link)<br />

既然你在制作网页应用，为什么还需要链接呢?

把锚换成按钮!

<button ng-click="do()"></button>

如果你从来不想去href…您应该更改标记，使用按钮而不是锚标记，因为从语义上讲，它既不是锚也不是链接。相反，如果你有一个按钮，做一些检查，然后重定向，它应该是一个链接/锚标签，而不是一个按钮…用于SEO目的以及测试[此处插入测试套件]。

对于你只想有条件地重定向的链接，比如提示保存更改，或确认脏状态…你应该使用ng-click="someFunction($event)"和在someFunction上你的validationError preventDefault和或stopPropagation。

而且，你能做并不意味着你应该做。Javascript:void(0)工作得很好…但是由于邪恶的黑客/破解者，浏览器标记应用程序/网站在href中使用javascript…看不出有什么理由在上面低头打字。

从2010年到现在已经是2016年了，没有理由在任何地方使用像按钮一样的链接……如果你仍然要支持IE8及以下版本，你需要重新评估你的公司。

你可以在$location的Html5Mode中禁用url重定向来实现这个目标。您可以在页面使用的特定控制器中定义它。 就像这样:

app.config(['$locationProvider'，函数($locationProvider) { 美元locationProvider.html5Mode ({ 启用:没错, rewriteLinks:假的, requireBase:假 })； }));