Angular 2 中的Passive Link 与  等效吗

发布于08月03日

在1.x我可以执行以下操作来创建一个基本不起任何作用的链接:

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

但是相同的标签导航到Angular 2的应用程序基础.Angular 2中的类似功能是什么？

Edit:它看起来像Angular 2路由中的一个bug，现在有an open issue on github个.

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

推荐答案

如果你有Angular 5元或以上，只要换一下就行了.

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

进入

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

当鼠标悬停在一个链接上时，它会显示一个手形图标，点击它不会触发任何路由.

Note:如果要保留查询参数，应将queryParamsHandling选项设置为preserve:

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

实用课程推荐