如何将queryparameters转换为angular4中的字符串

如何将queryparameters转换为angular4中的字符串,angular,url,router,encode,queryparam,Angular,Url,Router,Encode,Queryparam,我的目标如下: const navigationExtras: NavigationExtras = { queryParams: { serviceName: 'someName', serviceId: 5, businessAreaId: 1, servicePhaseVersionId: 5, versionDescription: 'Version 1', phaseName: 'SomePhase', mode: 1 t

我的目标如下:

 const navigationExtras: NavigationExtras = {
  queryParams: {
    serviceName: 'someName',
    serviceId: 5,
    businessAreaId: 1,
    servicePhaseVersionId: 5,
    versionDescription: 'Version 1',
    phaseName: 'SomePhase',
    mode: 1
this.router.navigate(['someUrl/'], navigationExtras);
我的导航方式如下:

 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'

使用参数

注入依赖项:

  • 激活的外部
  • 因为params返回一个可观察的,所以您需要订阅它来获取参数

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

    您想获得带参数的整个字符串还是单个参数?整个字符串与上一个代码示例完全相同