如何基于NgRX存储数据组成Angular Guard

Question

我正在尝试创建保护程序，以检查惠特尔路由参数的值是否出现在位置列表（位于NgRX存储中）中。

问题是当我过滤位置时，我仅从流locations.length获得第一个结果。length返回0并且Observable正在关闭。 你能以某种方式纠正我吗？ 位置可能尚未加载。 我想等待它们被加载到商店，然后才检查参数。

canActivateChild(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
    return this.locationFacade.locations$.pipe(
      filter(locations => !!locations.length),
      map((locations: Array<Location>) => locations.some(x => x.name === next.params['locationName']))
    );
  }

Answer 1

我认为不用检查length ，更好的解决方案是引入加载状态。 如：

canActivateChild(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
    return this.locationFacade.locations$.pipe(
      filter(locations => locations.state === 'LOADED'),
      map((locations: Array<Location>) => locations.some(x => x.name === next.params['locationName']))
    );
  }