Использование сервиса в угловых 4 охранников - PullRequest
Новая
       9

Использование сервиса в угловых 4 охранников

0 голосов
/ 06 мая 2018

Пожалуйста, помогите с угловыми щитками, у меня есть следующий угловой щиток: 

export class RoleGuard implements CanActivate {

 private role: any;
 constructor(private router: Router, private accountService: AccountService) 
 {}

   canActivate(
      next: ActivatedRouteSnapshot,
      state: RouterStateSnapshot
   ): Observable<boolean> | Promise<boolean> | boolean {

     this.accountService.getUserRole().subscribe(res => this.role = res);
     if (this.role === 'admin') {
         return true;
     }
   return false;
 }
}

в сервисе: 

  getUserRole(): Observable<Response> {
  const options = this.headers();
    return this.http.get(`${environment.ApiUrl}/Roles/getRole`,options)
  .map(res => res.json())
  .catch(res => Observable.throw(res.json()));
 }

Я пытаюсь подписаться на функцию getUserRole(), затем присваиваю ответ this.role, но этого не происходит, роль всегда undefined. когда я делаю ...subscribe(res => console.log(res)), я вижу данные ответа.

1 Ответ

0 голосов
/ 06 мая 2018

Вам нужно дождаться результата асинхронного HTTP-запроса, прежде чем проверять, можете ли вы активировать этот маршрут или нет.

Попробуйте вернуть новый Observable вместо: 

canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
): Observable<boolean> | Promise<boolean> | boolean {

    return new Observable(observer => {   
        //
        this.accountService.getUserRole().subscribe(role => {
            //
            if (role === 'admin') {
                observer.next(true); // Allowing route activation
            } else {
                observer.next(false); // Denying route activation                
            }
        }, err => observer.next(false)); 
    }); 
}
...