Angular/NgRx -在守卫中组合2个选择器

import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

import { AppState } from '../store/app.state';
import { isLoggedInSelector, isAdminSelector } from '../store/auth.selectors';

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private store: Store<AppState>) {}

  canActivate(): Observable<boolean> {
    return this.store.pipe(
      select(isLoggedInSelector), // 第一个选择器：检查用户是否已登录
      map(isLoggedIn => {
        if (!isLoggedIn) {
          // 用户未登录，禁止导航
          return false;
        }

        return true;
      }),
      select(isAdminSelector), // 第二个选择器：检查用户是否是管理员
      map(isAdmin => {
        if (!isAdmin) {
          // 用户不是管理员，禁止导航
          return false;
        }

        return true;
      })
    );
  }
}