时间戳

首页 > 解决方案 > Angular 7 - 从单独的应用程序/服务器将 url 参数传递给路由

angular - Angular 7 - 从单独的应用程序/服务器将 url 参数传递给路由

问题描述

我有一个 Angular 7 应用程序，并且需要从旧的遗留系统导航到这个应用程序。

这个旧系统仍然使用 JSP 页面，但我可以使用 jQuery 来调用新的 Angular 7 应用程序。

要求是导航到 Angular 应用程序，并根据旧屏幕的 url 中传递的参数预先填充或过滤字段/视图。

所以，我的问题是，我如何调用一个 Angular 路由 url，例如http://localhost:8080/myScreen并从一个完全独立的应用程序屏幕提供它的 url 参数，然后在屏幕组件内部使用来预过滤数据？

它是使用 url 参数的一些简单解决方案吗，例如：http://localhostl:8080/myScreen?param1=Hello&param2=World

标签： angularhttpparametersroutes

解决方案

您可以通过以下方式使用 ActivatedRoute

MyScreenComponent.ts

constructor(private route: ActivatedRoute) { }

ngOnInit()
   const {param1,param2} = this.route.snapshot.params;
   //do what you want with the params
}

将您的路线配置为

{ path: 'myScreen/:param1/:param2', component: MyScreenComponent }

如果您愿意，可以更改上面的代码以使用 queryParams。

推荐阅读