在 Angular 1.x 中,我可以执行以下操作来创建一个基本上不执行任何操作的链接:
<a href="">My Link</a>
但在 Angular 2 中,相同的标签会导航到应用程序库。Angular 2 中的等效标签是什么?
Edit:它看起来像是 Angular 2 路由器中的一个错误,现在有github 上的一个开放问题 https://github.com/angular/angular/issues/7294关于那个。
我正在寻找开箱即用的解决方案或确认不会有任何解决方案。
如果你有角5或以上,只需更改
<a href="" (click)="passTheSalt()">Click me</a>
into
<a [routerLink]="" (click)="passTheSalt()">Click me</a>
当鼠标悬停在链接上时,链接将显示为手形图标,单击它不会触发任何路由。
Note:如果你想保留查询参数,你应该设置queryParamsHandling
选项preserve
:
<a [routerLink]=""
queryParamsHandling="preserve"
(click)="passTheSalt()">Click me</a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)