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

Question

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

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

问题是导航到角度应用程序，并根据从遗留屏幕传递到url中的参数预先填充或过滤字段/视图。

因此，我的问题是，如何调用角路由url (如http://localhost:8080/myScreen )，并从一个完全独立的应用程序屏幕中提供url params，然后在屏幕组件中使用它对数据进行预过滤？

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

Answer 1

您可以使用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。

Answer 2

考虑到这一点：

  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中填充的。

看看这个stackblitz。