如何防止默认锚标签?

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

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

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

当前回答

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

<a href ng-click="do()">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();
}

...

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

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

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

超文本标记语言

这里纯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()
}

在我的例子中，Angular: 10 -工作

  <a [routerLink]="" (click)="myFunc()"> Click me </a>

更新:此方法将重新加载解析器。由于@Meeker

推荐文章