【问题标题】:How to convert an index.html route directed to an angular 8 app into angular route that contains the original parameters?如何将指向 Angular 8 应用程序的 index.html 路由转换为包含原始参数的 Angular 路由?
【发布时间】:2020-03-06 16:22:29
【问题描述】:

Current test routing setup我们使用的供应商通过如下网址将用户发送到我们的网站:'http://images.rsna.org/index.html?doi=10.1148/rg.2018170120&fig=fig1a'。唯一改变的是 doi 参数和 fig 参数。我正在将该站点转换为 Angular 8 应用程序,但我仍然需要能够接受它作为路由。有没有办法接受这个作为路由,然后重定向到站点上存在的“/browse”或“/viewer”路由,同时在页面重新加载的情况下保持 doi 和 fig 参数?我需要重新加载时的参数才能从数据库中获取数据或进行 api 调用以获取具有这些值的更新数据。

【问题讨论】:

  • 能否提供您的 Angular 路由配置?
  • @Andrei 这就是我试图找出如何为这种情况做的事情。我当前的设置仅用于测试目的。我目前在加载浏览或查看器路由时对 api 调用进行了硬编码,并且我在这两个路由之间切换,但实时产品将加载到我在描述中发布的链接上。
  • 我目前只有两条路线:“/browse”和“/viewer”,它们在从硬编码的 api 调用中获取数据后解析。我想将它们转换为包含 doi 和 fig 参数。
  • “重定向”发生在哪里?是 FE 的?
  • @Andrei 我有一个空路由重定向到'/browse',但同样,我不知道如何制作路由来处理我发布的链接。是 path: 'index.html?doi=:doi&fig=:fig' 还是我将如何构建它?

标签: angular routing angular2-routing


【解决方案1】:

使用 canActivate 守卫是执行此操作的方法。我需要将它与解析器配对以使用 ActivatedRouteSnapshot 并能够提取要传递的参数。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-02-25
    • 1970-01-01
    • 1970-01-01
    • 2016-04-14
    • 1970-01-01
    • 1970-01-01
    • 2016-09-21
    • 2019-07-17
    相关资源
    最近更新 更多