避免href上的事件最安全的方法是将其定义为

<a href="javascript:void(0)" ....>

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

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

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

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

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

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

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

所以阅读这些答案，@Chris仍然有最“正确”的答案，我想，但它有一个问题，它没有显示“指针”....

所以这里有两种方法来解决这个问题，而不需要添加游标:指针样式:

使用javascript:void(0)代替#: <a href="javascript:void(0)" ng-click="doSomething()“>做< / > 在ng-click指令中使用$event.preventDefault()(这样你就不会用dom相关的引用来破坏你的控制器): <a href="#dontGoHere" ng-click="doSomething();$ event.preventDefault ()“>做< / >

就我个人而言，我更喜欢前者而不是后者。void(0)还有这里讨论的其他好处。在那个链接中也有关于“不显眼的JavaScript”的讨论，这是最近才出现的，并不一定直接适用于angular应用程序。

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

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

根据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 />