NgRx-多级路由参数无法从CustomSerializer路由器存储访问

我遇到了一个类似的问题,每次遍历循环时都通过扩展params对象来解决它。

我的CustomSerializer现在如下所示:

export class CustomSerializer implements RouterStateSerializer<RouterStateUrl> {
serialize(routerState: RouterStateSnapshot): RouterStateUrl {
    let route = routerState.root;

    let params = {};
    while (route.firstChild) {
        params = {
            ...params,
            ...route.params
        };
        route = route.firstChild;
    }

    const {
        url,
        root: { queryParams }
    } = routerState;

    return { url, params, queryParams };
}

}

您可以使用选择器选择任何父/子路由,而不需要序列化程序。您有一个根Route对象,通过创建一个选择器,您可以遍历路由并获得所需的参数。

const selectRouter = createFeatureSelector<XStore,
    fromRouter.RouterReducerState<any>>('router');

export const selectAllRouteParam = (param: string) => createSelector(
    selectRouter,
    (router: RouterReducerState) => {
        let current = router.state.root;

        while (current) {
            if (current.params && current.params[param]) {
                return current.params[param];
            } else {
                current = current.firstChild;
            }
        }
    }
);

使用时,您可以这样使用:

userId$ = this.store.select(selectAllRouteParam('userId'))