尽管这个问题指定的是测试版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属性总是返回一个字符串，可以通过添加+前缀将其转换为数字。 使用可观察对象获取查询参数的原因是，它允许重用相同的组件实例，而不是加载一个新的组件实例。每次查询参数被更改时，它都会引起一个我们已经订阅的新事件，因此我们可以对更改做出相应的反应。

我希望它能帮助到其他人。

上面的问题指出，在页面被重定向后，查询参数值是需要的，我们可以假设快照值(不可观察的替代方案)就足够了。

这里没有人从官方文档中提到snapshot. parmmap .get。

this.route.snapshot.paramMap.get('id')

所以在发送之前，在发送/重定向组件中添加这个:

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

然后重定向(这里有文档):

this.router.navigate(['/heroes', { id: heroId, foo: 'foo' }]);

或者仅仅是:

this.router.navigate(['/heroes', heroId ]);

确保你已经在你的路由模块中添加了这个，如下所示:

 { path: 'hero/:id', component: HeroDetailComponent }

最后，在需要使用查询参数的组件中

添加导入(此处有文档): import {Router, ActivatedRoute, ParamMap} from '@angular/ Router '; 注入ActivatedRoute

(文档也导入了switchMap，也注入了Router和HeroService——但它们只在可观察的替代中被需要——当你使用快照替代时就不需要了，就像我们的例子一样):

    constructor(
      private route: ActivatedRoute
    ) {}

并得到你需要的值(文档在这里): ngOnInit () { const id = this.route.snapshot.paramMap.get('id'); ｝

注意:如果你将路由模块添加到一个特性模块中(如文档中所示)，请确保在app .MODULE.ts中，路由模块在import:[]中位于AppRoutingModule(或其他具有根级应用路由的文件)之前。否则将找不到特征路由(因为它们会出现在{path: '**'， redirectTo: '/ NOT - FOUND '}之后，并且你只会看到NOT - FOUND消息)。

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

进口:

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

和功能:

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

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

你只需要在构造函数中注入ActivatedRoute，然后在它上面访问params或queryParams

constructor(private route:ActivatedRoute){}
ngOnInit(){
        this.route.queryParams.subscribe(params=>{
        let username=params['username'];
      });
 }

在某些情况下，它在NgOnInit中不给出任何东西…可能是因为在初始化参数之前调用了init，在这种情况下，你可以通过函数debounceTime(1000)让可观察对象等待一段时间来实现这一点

如= >

 constructor(private route:ActivatedRoute){}
    ngOnInit(){
            this.route.queryParams.debounceTime(100).subscribe(params=>{
            let username=params['username'];
          });
     }

debounceTime()仅在特定的时间跨度过去而没有另一个源发射后，才从源可观察对象发出一个值

获取URL参数作为对象。

import { Router } from '@angular/router';
constructor(private router: Router) {
    console.log(router.parseUrl(router.url));
}

您可以在URL中使用ActivatedRoute时获得查询参数，如下所示

url: http: / domain.com ?测试= abc

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

@Component({
  selector: 'my-home'
})
export class HomeComponent {

  constructor(private sharedServices : SharedService,private route: ActivatedRoute) { 
    route.queryParams.subscribe(
      data => console.log('queryParams', data['test']));
  }

}