NGRX - 如何在 angular 防護中訪問我的應用程序 state？

Question

我有一個路由守衛（ canActivate ），我需要訪問我的應用當前 state 以驗證數據以防止用戶進行無效導航。 如何獲得當前的 state？

我只是嘗試使用商店上的訂閱來獲取 state，但除非更改 state，否則它不會獲取數據！

Answer 1

你可以這樣做。 因為 canActivate 期望您返回 boolean 值，所以您需要將 map 存儲數據到 boolean 值

import { of } from 'rxjs';
import { switchMap } from "rxjs/operators";

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

    loadData(): Observable<any> {
        return this.store.select(state => state.someState);
    }

    canActivate(route: ActivatedRouteSnapshot): Observable<boolean> {
        return this.loadData()
            .pipe(switchMap(() => {
                return of(true);
            }));
        }
    }
}