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

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

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

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

所以，我的问题是，如何调用角度路由url，如

http://localhost:8080/myScreen

并从一个完全独立的应用程序屏幕中提供它的url参数，然后在屏幕组件中用于预过滤数据

---

这是使用url参数的简单解决方案吗，比如：

http://localhostl:8080/myScreen?param1=Hello¶m2=World

您可以通过

MyScreenComponent.ts

constructor(private route: ActivatedRoute) { }

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

将您的路线配置为

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。

考虑一下：

  ngOnInit() {
    console.log('BComponent::ngOnInit');

    this.myForm = this.fb.group({
      fname: 'default fname',
      lname: 'default lname'
    });

    this.route.queryParams.subscribe(params => {
      this.myForm.setValue({
        fname: params['param1'],
        lname: params['param2']
      })
    });
  }

这里，myForm是从queryParams填充的

看看这个