小编典典

Angular 2 中的被动链接 -[等效](http://localhost:8080/all/page_1513_06.html)

all

[

在 Angular 1.x 中,我可以执行以下操作来创建一个基本上什么都不做的链接:

<a href="">My Link</a>

但是同一个标签在 Angular 2 中导航到应用程序库。在 Angular 2 中,它的等价物是什么?

](http://localhost:8080/all/page_1513_06.html)

编辑: 它看起来像 Angular 2
路由器中的一个错误,现在
github
上有一个
关于此的未解决问题。

我正在寻找开箱即用的解决方案或确认不会有任何解决方案。


阅读 67

收藏
2022-08-01

共1个答案

小编典典

如果您有 Angular 5 或更高版本,只需更改

<a href="" (click)="passTheSalt()">Click me</a>

进入

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

将鼠标悬停在链接上时将显示带有手形图标的链接,单击它不会触发任何路线。

注意: 如果要保留查询参数,应将queryParamsHandling选项设置为preserve

<a [routerLink]=""
   queryParamsHandling="preserve"
   (click)="passTheSalt()">Click me</a>
2022-08-01