如何在angular4中将查询参数转换为字符串

Question

我有如下对象：

 const navigationExtras: NavigationExtras = {
  queryParams: {
    serviceName: 'someName',
    serviceId: 5,
    businessAreaId: 1,
    servicePhaseVersionId: 5,
    versionDescription: 'Version 1',
    phaseName: 'SomePhase',
    mode: 1

我的导航如下：

this.router.navigate(['someUrl/'], navigationExtras);

在浏览器中导航后，我看到这样的 URl：

http://localhost:4000/someUrl/version?serviceName=someName&serviceId=5&businessAreaId=1&servicePhaseVersionId=5&versionDescription=Version%201&phaseName=SomePhase&mode=1

是否有可能获取带有浏览器 URL 或以下参数的字符串？

'serviceName=someName&serviceId=5&businessAreaId=1&servicePhaseVersionId=5&versionDescription=Version%201&phaseName=SomePhase&mode=1'

Answer 1

使用参数

注入依赖：

1. 激活路由器

由于 params 返回一个 Observable，你需要订阅它来获取参数。

 constructor(private _activateRoute: ActivatedRoute) {
        this._activateRoute.params.subscribe((params) => this.activateComponent(params));
   }