如何防止默认锚标签?

假设我有一个锚标记，比如

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

如何防止浏览器在AngularJS中导航到# ?

当前回答

我在使用锚进行角引导下拉时遇到了同样的问题。我发现唯一的解决方案，避免不必要的副作用(即。因为使用preventDefault())而没有关闭的下拉列表使用以下方法:

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

其他回答

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

把锚换成按钮!

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

我找到的最简单的解决方法是:

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

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

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

如果仍然相关:

<a ng-click="unselect($event)" />

...

scope.unselect = function( event ) {
 event.preventDefault();
 event.stopPropagation();
}

...

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

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

推荐文章