嗨，你可以使用URLSearchParams，你可以在这里阅读更多关于它。

进口:

import {URLSearchParams} from "@angular/http";

和功能:

getParam(){
  let params = new URLSearchParams(window.location.search);
  let someParam = params.get('someParam');
  return someParam;
}

注意:并非所有平台都支持它，angular文档似乎还处于“实验性”状态

嗨，你可以使用URLSearchParams，你可以在这里阅读更多关于它。

进口:

import {URLSearchParams} from "@angular/http";

和功能:

getParam(){
  let params = new URLSearchParams(window.location.search);
  let someParam = params.get('someParam');
  return someParam;
}

注意:并非所有平台都支持它，angular文档似乎还处于“实验性”状态

首先，我在使用Angular2时发现，带有查询字符串的url应该是/path;query=value1

在您使用的组件中访问它

constructor(params: RouteParams){
    var val = params.get("query");
}

至于为什么它会在加载组件时被删除，这不是默认行为。我在一个干净的测试项目中特别检查，没有被重定向或更改。它是默认路由还是其他关于路由的特殊的东西?

在https://angular.io/docs/ts/latest/guide/router.html#上阅读关于使用查询字符串和参数进行路由的Angular2教程!#查询参数

我的老办法是:

queryParams(): Map<String, String> {
  var pairs = location.search.replace("?", "").split("&")
  var params = new Map<String, String>()
  pairs.map(x => {
    var pair = x.split("=")
    if (pair.length == 2) {
      params.set(pair[0], pair[1])
    }
  })

  return params
}

发送查询参数

import { Router } from '@angular/router';
this.router.navigate([ '/your-route' ], { queryParams: { key: va1, keyN: valN } });

接收查询参数

import { ActivatedRoute } from '@angular/router';
this.activatedRoute.queryParams.subscribe(params => {
    let value_1 = params['key'];
    let value_N = params['keyN'];
});

官方来源

尽管这个问题指定的是测试版7，但在谷歌上，这个问题也会出现在常见短语(如angular 2查询参数)的搜索结果的顶部。出于这个原因，这里有一个关于最新路由器的答案(目前是alpha.7)。

读取参数的方式发生了巨大的变化。首先，你需要在构造函数参数中注入名为Router的依赖项，如下所示:

constructor(private router: Router) { }

之后，我们可以订阅我们的ngOnInit方法的查询参数(构造函数也可以，但ngOnInit应该用于可测试性)

this.router
  .routerState
  .queryParams
  .subscribe(params => {
    this.selectedId = +params['id'];
  });

在这个例子中，我们从URL中读取查询参数id，例如example.com?id=41。

仍然有一些事情需要注意:

访问params['id']这样的params属性总是返回一个字符串，可以通过添加+前缀将其转换为数字。 使用可观察对象获取查询参数的原因是，它允许重用相同的组件实例，而不是加载一个新的组件实例。每次查询参数被更改时，它都会引起一个我们已经订阅的新事件，因此我们可以对更改做出相应的反应。