routerOnActivate on Angular 4

Question

我在Angular 2應用程序上有這樣的組件，但它沒有在Angular 4上運行，RouteSegment不起作用。如何在Angular 4上做到這一點？

export class CallBackLoginComponent { 

private user: User = new User(); 
private showLoading: boolean = false; 
private errorMessage: string = null; 

constructor(private _loginService: LoginService, 
    private _router: Router, 
    private userService: UserService, 
    private _comunication: Comunication, 
    private _routerParams: RouteSegment) { 
}; 

//Parametros recebidos atraves da rota /user/token 
routerOnActivate(curr: RouteSegment) { 
    var token = {token: curr.getParam('token')}; 
    if (token != null) { 
     this.showLoading = true; 
     this.errorMessage = null; 

     this.userService.vldToken(token).subscribe(
      result => this.onLoginResult(result), 
      error => this.onLoginError(error) 
     ); 
    } 
    else{ 
     this._router.navigate(['/']); 
    } 
} 

Answer 1

該版本的路由器曾用於早期版本的候選版本。在RC 4和RC5之間有一個重要的路由器重寫（更新到版本3）。

現在您將不得不訂閱route.params並獲取您要查找的關鍵標記。

export class CallBackLoginComponent implements OnInit { 

    private user: User = new User(); 
    private showLoading: boolean = false; 
    private errorMessage: string = null; 

constructor(private _loginService: LoginService, 
    private _route: ActivatedRoute, 
    private _router: Router, 
    private userService: UserService, 
    private _comunication: Comunication) { 
}; 

ngOnInit() { 
    this._route.params().subscribe(params => this.routerOnActivate(params['token']); 
} 

//Parametros recebidos atraves da rota /user/token 
routerOnActivate(token: string) { 
    if (token != null) { 
     this.showLoading = true; 
     this.errorMessage = null; 

     this.userService.vldToken(token).subscribe(
      result => this.onLoginResult(result), 
      error => this.onLoginError(error) 
     ); 
    } 
    else{ 
     this._router.navigate(['/']); 
    } 
}