angularjs - 如何防止 anchor 标签默认？

Question

假设我有一个 anchor 标记，例如

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

如何防止浏览器导航到 AngularJS 中的 # ？

Answer 1

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