Kann nicht params von Route URL lesen

Question

ich mit meinem Winkel-cli Projekt eine einfache Komponente schaffen versuchte, die Ladeparameter von URL

@Component({ 
    templateUrl: './confirm-registration.component.html', 
}) 
export class ConfirmRegistrationComponent implements OnInit { 

    constructor(private route: ActivatedRoute, 
       private router: Router) { } 

    ngOnInit() { 
    this.route.params.switchMap((params: Params) => { 
     return console.log('token:', params['registrationToken']); 
    }); 
    } 

} 

aber ich habe Fehler:

zu kompilieren fehlgeschlagen.

.../confirm-registration.component.ts (15,33): Argument of type '(params: Params) => void' is not assignable to parameter of type '(value: Params, index: number) => ObservableInput<{}>'. Type 'void' is not assignable to type 'ObservableInput<{}>'.

Ich benutze Angular in Version 4.0.3. wo habe ich Fehler gemacht?

Answer 1

ich die Abfrage-Parameter mit diesem holen:

export class ConfirmRegistrationComponent implements OnInit { 

private registrationToken: string; 

constructor(private route: ActivatedRoute) {} 

ngOnInit() { 
this.route.params.subscribe(
    (params) => { 
    this.registrationToken = params['registrationToken']; 
    } 
) 

Answer 2

Um Abfrageparameter zu erhalten, habe ich dies mit eckigen-2. Ich bin mir nicht sicher, ob es mit Winkel-4

constructor(private route: ActivatedRoute) { 
 

 
} 
 

 
ngOnInit() { 
 
    let urParam = this.route.snapshot.queryParams['urParam']; 
 
}

Hoffnung funktioniert dies hilft

Answer 3

Als dzejdzej hat in seiner comment darauf hingewiesen, müssen Sie eine Observable zurückgeben. Dies scheint sich in den letzten Monaten geändert zu haben (zumindest hat es das letzte Mal, als ich es vor ein paar Monaten versucht habe, zusammengestellt), und sie haben die Dokumente noch nicht geändert.

in Ihrem Fall So könnte man einfach die gleiche beobachtbare zurück:

ngOnInit() { 
    this.route.params.switchMap((params: Params) => { 
    console.log('token:', params['registrationToken']); 
    return this.route.params; 
    }); 
}