警備員にルートパラメータがありません

Question

idが以下のガードで利用できないのはなぜですか？

@Injectable() 
export class ProjectDetailsGuard implements CanActivate { 

    constructor(private activatedRoute: ActivatedRoute) { } 

    canActivate() { 
     const id = this.activatedRoute.snapshot.params['id']; 

     console.log(id); // <-- undefined 
    } 

} 

コンポーネント内に実装するときに同じコードが完璧に動作。

Answer 1

ActivatedRouteは、ルートがアクティブ化された後にのみパラメータを提供できます。それはcanActivate方法ですなわち活性化される前に、必要がparamsを取得する場合、コンポーネントは、レンダリングする前に初期化ActivatedRouteSnapshot

canActivate(activatedRoute: ActivatedRouteSnapshot) { 
    const id = activatedRoute.params['id']; 

    console.log(id); 
} 

Answer 2

ガードをしてみてください。ガードロジックが真の値を返した場合、ルート変更とコンポーネントがレンダリングされます。したがって、保護されたルート値にアクセスすることはできません。