每次导航开始时都会触发一次守卫。
一旦 angular 从守卫那里得到第一次发射,它就会取消订阅并使用发射的值来允许/禁止路由。
这意味着 - 您不能定期发出值来更改最初发出的值。
您尝试实现的目标可以通过以下方式实现:
import {Injectable, OnDestroy} from '@angular/core';
import {CanActivate} from '@angular/router';
import {interval, Observable, Subject} from 'rxjs';
import {map, takeUntil, tap} from 'rxjs/operators';
@Injectable({
providedIn: 'root',
})
export class AuthGuard implements CanActivate, OnDestroy {
protected readonly auth$: Subject<boolean> = new Subject();
protected readonly destroy$: Subject<void> = new Subject();
constructor(
) {
interval(5000).pipe(
map(n => n % 2 === 0),
tap(value => this.auth$.next(value)),
takeUntil(this.destroy$),
).subscribe();
}
public canActivate(): Observable<boolean> {
return this.auth$;
}
// not sure if this part works for guards
// but would be nice to unsubscribe once you don't need this guard
// anymore
public ngOnDestroy(): void {
this.destroy$.next();
this.destroy$.complete();
}
}