ActivatedRoute.queryParams is undefined

Question

我想捕获使用Angular 2.0的查询字符串参数，并且很难。我有像这样

http://localhost:5000/?id_token=eyJ0eXAiO ....

一个URL，我希望能够捕捉到的id_token前路由扎根的价值，我失去了参数。我发现这个问题GitHub的主题

https://github.com/angular/angular/issues/9451

但这使用不再工作的方法已过时。我曾尝试以下方法

var foo = this.activatedRoute.queryParams.subscribe(params => { 
     console.log(params); 
     let id = params['id_token']; 
     console.log(id); 
    }); 


    console.log(this.router.routerState.snapshot.root.queryParams["id_token"]); 

    var bar = this.activatedRoute.params.subscribe(
     (param: any) => console.log(param['id_token'])); 

我试图在构造这些方法以及我的组件的ngOnInit（），但控制台总是显示未定义。我是否在错误的地方做这件事。我无法改变QS，因为它是由Azure AD创建的。

Answer 1

尝试注入ActivatedRoute与route.snapshot.queryParams['name']这样得到queryParam：

class SomeComponent implements OnInit { 
    constructor(private route: ActivatedRoute) { } 
    ngOnInit(): void { 
     let value = this.route.snapshot.queryParams['name']; 
    } 
} 

通过router.navigate设置queryParams是这样的：

class SomeComponent { 
    constructor(private router: Router) { } 
    goSomewhere(): void { 
     this.router.navigate(['somewhere'], { queryParams: { name: 'value' } }); 
    } 
}