如何防止默认锚标签?

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

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

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

当前回答

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

把锚换成按钮!

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

其他回答

很多答案似乎都是多余的。对我来说，这很有效

 <a ng-href="#" ng-click="$event.preventDefault();vm.questionContainer($index)">{{question.Verbiage}}</a>

或者如果你需要内联，那么你可以这样做:

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

超文本标记语言

这里纯angularjs:在ng-click函数附近，你可以通过分隔分号来编写preventDefault()函数

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

$scope.do = function() {
    alert("do here anything..");
}

(or)

你可以这样做，这已经有人讨论过了。

HTML

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

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

如果仍然相关:

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

...

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

...

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

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

推荐文章