Реализация canActivate Auth Guard в угловых - PullRequest
Новая
       7

Реализация canActivate Auth Guard в угловых

0 голосов
/ 06 июня 2018

У меня есть служба с этой функцией, которая возвращает значение true или false, а токен недействителен 

loggedIn() {
return this.http.get('http://localhost:3000/users/validateToken')
  .map(res => res.json()).map(data => data.success);
}

У меня есть средство проверки подлинности с возможностью активации на защищенных маршрутах, использующих это. 

  canActivate(){
    this.authService.loggedIn().subscribe(res => {
      if(res) {
        return true;
      }
      else {
        this.router.navigate(['/login'])
        return false;
      }
    })
  }

Но я получаю эту ошибку.

неправильно реализует интерфейс CanActivate.Типы свойств canActivate несовместимы.Тип '() => void' нельзя назначить типу (route: ActivatedRouteSnapshot, состояние: RouterStateSnapshot) => boolean |Обещание |Obser ... '.Тип 'void' не может быть назначен типу 'boolean |Обещание |Наблюдаемый '.

Как мне реализовать то, что я пытаюсь сделать здесь?

1 Ответ

0 голосов
/ 06 июня 2018

Функция canActivate должна возвращать логическое значение, обещание логического значения или наблюдаемое логического значения.

В вашем случае вы ничего не возвращаете.Возможно, потому что вы пропустили return в своей функции.

Но это не сработает, если вы добавите его, потому что тогда вы вернете подписку, которая не будет принята подписью.

Что вы можете сделать, это: 

canActivate() {
  return this.authService.loggedIn().map(res => {
    if(!res) {
      this.router.navigate(['/login']);
    }
    return res;
  });
}

С помощью этого кода вы соблюдаете подпись и сохраняете логику маршрутизации.

...