ActivatedRoute.queryParams jest niezdefiniowany

Question

Próbuję przechwycić parametr kwerendy przy użyciu Angular 2.0 i mam trudny czas. Mam url jak Więc

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

I chcę, aby móc uchwycić wartość id_token przed routingu chwyta i tracę parametru. Znalazłem ten GitHub Issue wątek

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

Ale ta używa przestarzałej metody, które już nie działa. Próbowałem następujące metody

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'])); 

Próbowałem te metody w konstruktorze jak ngOnInit() mojego komponentu, ale konsola zawsze pokazuje niezdefiniowany. Czy robię to w niewłaściwym miejscu. W ogóle nie mogę zmienić QS, ponieważ jest tworzony przez Azure AD.

Answer 1

Spróbuj wstrzykiwanie ActivatedRoute i uzyskać queryParam z route.snapshot.queryParams['name'] tak:

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

Ustawianie queryParams poprzez router.navigate działa tak:

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