angular - 在 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 路径。
有任何想法吗?
谢谢!
解决方案
使用类似这样的外部链接:
<a href="https://stackoverflow.com/questions/ask">
你还可以在哪里做:
<ul *ngFor="let item of menuItems">
<li><a [href]="menuItem.externalLink"></li>
<ul>
如果你想动态地做
路由器不会定向到外部路由。
推荐阅读
- android - 如何检测 seekbar 是否没有被移动并且没有值(然后发送 toast)
- c++ - 无法调用返回 char 的类中的函数
- c# - 在属性中使用输入参数(Asp Core 3.1)
- logging - 通过 SYSLOG_IDENTIFIER 获取 Docker 日志到 Fluentd
- json - 在给定时区中为时间戳创建 Postgresql 索引
- mysql - 如何在 Join 中运行两个 where 子句?
- angular - 角度形式有效不工作
- android - Play Store 上的三星 Galaxy S10+ 崩溃报告
- git - 一旦 git clone 成功,告诉 git 自动执行一些操作:一种后克隆钩子
- reactjs - 如何使用本机反应从电话簿中检查并获取新添加的联系方式?