时间戳

首页 > 解决方案 > 角度存储状态未定义

angular - 角度存储状态未定义

问题描述

我有一个 Angular 7 应用程序，它使用 ngrx-store 和实体。存在一个问题，即我的商店状态的元素在我的效果中未定义。

这是效果的片段：

@Effect()
loadAccountSummaries$ = this.action$.pipe(
  ofType(fromAccountSummary.LOAD_ACCOUNT_SUMMARIES),
  withLatestFrom(this.store),
  filter(([ action, storeState ]: [ Action, State ]) => {
     // storeState.accountSummaries is undefined
     return !(storeState.accountSummaries.loaded || storeState.accountSummaries.loading)
    }
  ),
  switchMap(() => {
    this.store.dispatch(new LoadingAccountSummaries());
    return this.accountSummaryService.loadAccountSummaries()
      .pipe(map(accountSummaries => {
        this.store.dispatch(new LoadingAccountSummaries());
        return new fromAccountSummary.LoadAccountSummariesSuccess(accountSummaries);
      }));
  }));

我的减速器包括以下内容：

export interface AccountSummariesState extends EntityState<AccountSummary> {
  loading: boolean;
  loaded: boolean;
}

初始状态是这样的：

export const initialAccountSummariesState: AccountSummariesState = adapter.getInitialState({
  loading: false,
  loaded: false
});

reducer 是这样初始化的：

export function reducer(
  state = initialAccountSummariesState,
  action: fromAccountSummary.AccountSummaryActionsUnion
) {
  // ...
}

state 和 reducer 是这样注册的：

export interface State {
  accountSummaries: fromAccountSummary.AccountSummariesState;
  contributionDetails: fromContributionDetail.ContributionDetailState;
}

export const reducers: ActionReducerMap<State> = {
  accountSummaries: fromAccountSummary.reducer,
  contributionDetails: fromContributionDetail.reducer
};


@NgModule({
  imports: [
    // ...
    StoreModule.forFeature('accountSummary', reducers.accountSummaries),
    StoreModule.forFeature('contributionDetail', reducers.contributionDetails),
    EffectsModule.forFeature([ AccountSummaryEffects, ContributionDetailEffects ])
    // ...
  ]
})

为什么storeState.accountSummaries我的效果中我的未定义？据我所知，我已经正确注册并初始化了所有内容。

标签： angularngrxngrx-storengrx-effectsngrx-entity

解决方案

在 ngrx 模块中，您正在创建accountSummary功能，但您调用accountSummarieskey。尝试将呼叫更改为storeState.accountSummary

推荐阅读