从路由器链接中删除 localhost:4200/xxx

Question

我想使用 Angular 7 中的路由器链接重定向到另一个链接，但 localhost:4200/dashboard 被附加到我要重定向到的链接。

 <a  [routerLink]="https://google.com">Google</a>

当我点击 Google 时，它​​应该重定向到 https://google.com 但是 正在调用 localhost:4200/dashboard/https://google.com。

Answer 1

routerLink 用于 Angular 的内部路由。如果要导航到外部 URL，只需使用 href 和 a 标签：

<a  href="https://google.com">Google</a>

RouterLink：https://angular.io/api/router/RouterLink

Answer 2

正如名称routerLink 所暗示的，它适用于在您的应用程序路由中定义的内部网址。请使用此网址查看如何实现自定义网址。

https://medium.com/@adrianfaciu/using-the-angular-router-to-navigate-to-external-links-15cc585b7b88

https://stackblitz.com/edit/angular-external-links