首页 > 解决方案 > 在 Angular 中,如何使用 Route 转到完全不同的 URL?换句话说,您如何关闭匹配?

问题描述

我有一个前端 Angular 应用程序,我需要在其中有一个可以访问完全不同网站的菜单项。

例如,假设我有一个 URL 为的网站

https://scn-webdev.myserver.com/myapp

我需要在应用程序中有一个菜单项去完全不同的网站

https://stackoverflow.com/questions/ask

如果我做这样的事情:

export const appRoutes: Route    
{ 
    redirectTo: 'https://stackoverflow.com/questions/ask' 
}

它会将我发送到以下网址: https ://scn-webdev.myserver.com/myapp/undefined

如果我做这样的事情:

export const appRoutes: Route
{ 
    path: 'https://stackoverflow.com/questions/ask' 
}

它会将我发送到以下网址: https ://scn-webdev.myserver.com/myapp/https:/stackoverflow.com/questions/ask

我试过弄乱 pathMatch 参数——将它设置为“完整”、“前缀”和其他一些东西。

无论如何,它似乎不想只是重定向到一个完全不同的 URL,而不保留当前页面的任何 url 路径。

有任何想法吗?

谢谢!

标签: angulartypescript

解决方案


使用类似这样的外部链接:

<a href="https://stackoverflow.com/questions/ask">

你还可以在哪里做:

<ul *ngFor="let item of menuItems">
   <li><a [href]="menuItem.externalLink"></li>
<ul>

如果你想动态地做

路由器不会定向到外部路由。


推荐阅读