Что может возвращать guard помимо true и false?

В Angular route guard — это функция или класс, реализующий интерфейс CanActivate, CanDeactivate, CanLoad и другие. На первый взгляд кажется, что guard просто отвечает «да» или «нет» на вопрос, можно ли перейти на маршрут. Но на самом деле тип возвращаемого значения шире и даёт больше гибкости.

Возможные типы возврата

• boolean — классический случай: true разрешает навигацию, false блокирует.
• UrlTree — роутер отменяет текущую навигацию и выполняет редирект на указанное дерево URL.
• Observable<boolean | UrlTree> — асинхронный результат, например после запроса к API.
• Promise<boolean | UrlTree> — то же самое, но через промис.

Возврат UrlTree особенно полезен, когда нужно не просто запретить переход, а сразу отправить пользователя в нужное место, например на страницу авторизации с сохранением исходного URL.

Пример с UrlTree

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  constructor(private auth: AuthService, private router: Router) {}

  canActivate(): boolean | UrlTree {
    if (this.auth.isLoggedIn()) {
      return true;
    }
    // редирект на логин с сохранением целевого URL
    return this.router.createUrlTree(['/login'], {
      queryParams: { redirect: this.router.url }
    });
  }
}

Асинхронный вариант

canActivate(): Observable<boolean | UrlTree> {
  return this.auth.checkToken().pipe(
    map(valid => valid ? true : this.router.createUrlTree(['/login']))
  );
}

Такой подход избавляет от необходимости вручную вызывать router.navigate внутри guard и делает логику навигации декларативной.

Итог: возврат UrlTree, Observable и Promise делает guard мощным инструментом управления навигацией, позволяя совмещать проверку прав и автоматические редиректы в одном месте.