Angular 2.0 - 如何获取查询参数

Question

假设我有以下网址 - http://localhost:4200?runID=5555

如何通过查询参数＆＃34; runID＆＃34;到我的app.component：

import { Component } from '@angular/core';
import {OnInit} from '@angular/core';
@Component({...})
export class AppComponent {}

Answer 1

您可以使用当前queryParams：

获取ActivatedRoute

export class AppComponent implements OnInit{

    constructor(private route: ActivatedRoute) {
    }

    ngOnInit():void{
         this.route.queryParams.subscribe(params => {
             console.log(params);
         //params is an object here, it should be {runID:5555}
         });
    }
}

route.queryParams是Observable<any>，每次查询参数更改时都会发出，因此会在dom初始化后发出（这就是我在ngOnInit()订阅的原因法）。

anguar.io docs中route.queryParams的更多信息。