我知道OP要求的是Angular 5的解决方案，但对于所有在更新的(6+)Angular版本中偶然遇到这个问题的人来说。引用文档，关于ActivatedRoute。queryParams(大多数其他答案都基于queryParams):

两处较老的房产仍在出售。他们的能力不如 它们的替代品是不鼓励的，将来可能会被弃用 角的版本。 params -一个包含required和optional的Observable 指定路由的参数。请改用paramMap。 queryParams -一个包含可用查询参数的可观察对象 所有路线。请改用queryParamMap。

根据文档，获取查询参数的简单方法是这样的:

constructor(private route: ActivatedRoute) { }

ngOnInit() {
    this.param1 = this.route.snapshot.paramMap.get('param1');
    this.param2 = this.route.snapshot.paramMap.get('param2');
}

要了解更高级的方法(例如，高级组件重用)，请参阅本文档章节。

编辑:

正如下面评论中正确指出的那样，这个答案是错误的——至少对于OP指定的情况是如此。

OP请求获取全局查询参数(/app?param1=hallo&param2=123);在这种情况下，您应该使用queryParamMap(就像@dapperdan1985 answer一样)。

另一方面，paramMap用于特定于路由的参数(例如/app/:param1/:param2，导致/app/hallo/123)。

感谢@JasonRoyle和@daka指出这一点。

简单的解决方案

 // in routing file
       {
            path: 'checkout/:cartId/:addressId',
            loadChildren: () => import('./pages/checkout/checkout.module').then(m => m.CheckoutPageModule)
          },

    // in Component file

            import { Router, ActivatedRoute } from '@angular/router';

                 constructor(
                      private _Router: ActivatedRoute
                  ) { }

                  ngOnInit() {
                    this.cartId = this._Router.snapshot.params.cartId;
                    this.addressId = this._Router.snapshot.params.addressId;
                    console.log(this.addressId, "addressId")
                    console.log(this.cartId, "cartId")
                  }

这对我来说是最干净的解决方案

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

export class MyComponent {
  constructor(
    private route: ActivatedRoute
  ) {}

  ngOnInit() {
    const firstParam: string = this.route.snapshot.queryParamMap.get('firstParamKey');
    const secondParam: string = this.route.snapshot.queryParamMap.get('secondParamKey');
  }
}

刚刚偶然发现了同样的问题，这里的大多数答案似乎只解决了Angular内部路由的问题，然后其中一些解决了路由参数，这与请求参数不一样。

我猜我的用例与Lars最初的问题类似。

对我来说，用例是推荐跟踪:

Angular运行在mycoolpage.com上，使用散列路由，所以mycoolpage.com会重定向到mycoolpage.com/#/。然而，对于推荐，像mycoolpage.com?referrer=foo这样的链接也应该可用。不幸的是，Angular立即删除了请求参数，直接转到mycoolpage.com/#/。

任何一种使用空组件+ AuthGuard和获得queryParams或queryParamMap的“技巧”，不幸的是，对我不起作用。它们总是空的。

我的解决方案是在index.html中的一个小脚本中处理这个问题，该脚本获得完整的URL和请求参数。然后，我通过字符串操作获得请求参数值，并将其设置在窗口对象上。然后，一个单独的服务处理从窗口对象获取id。

index . html脚本

const paramIndex = window.location.href.indexOf('referrer=');
if (!window.myRef && paramIndex > 0) {
  let param = window.location.href.substring(paramIndex);
  param = param.split('&')[0];
  param = param.substr(param.indexOf('=')+1);
  window.myRef = param;
}

服务

declare var window: any;

@Injectable()
export class ReferrerService {

  getReferrerId() {
    if (window.myRef) {
      return window.myRef;
    }
    return null;
  }
}

你也可以使用HttpParams，比如:

  getParamValueQueryString( paramName ) {
    const url = window.location.href;
    let paramValue;
    if (url.includes('?')) {
      const httpParams = new HttpParams({ fromString: url.split('?')[1] });
      paramValue = httpParams.get(paramName);
    }
    return paramValue;
  }

如果你没有使用Angular的router try, querystring。安装它

npm install --save querystring

对你的项目。在您的组件中执行如下操作

import * as qs from 'querystring';
...
ngOnInit() {
   const params = qs.parse(window.location.search.substring(1));
   ...
}

子字符串(1)是必要的，因为如果你有这样的'/mypage?Foo =bar'则键名为? Foo