updateOne 的 ngrx 实体没有改变状态

Question

我的动作设置是这样的

    export const bankAccountUpdating = createAction(
  '[Create New Account Component] Account Updating',
  props<{ update: Update<BankAccount> }>()
);

export const bankAccountUpdated = createAction(
  '[Bank Manager Effect] Account Updated',
  props<{ update: Update<BankAccount> }>()
);

export const updateAccountError = createAction(
  '[Bank Manager Effect] Update Accounts Error'
);

减速器是这样设置的

 export const initialBankAccountsState = adapter.getInitialState({
  allBankAccountsLoaded: false,
});

export const bankManagerReducer = createReducer(
  initialBankAccountsState,

  on(BankManagerActions.bankAccountUpdated, (state, action) =>
    adapter.updateOne(action.update, state)
  ),

我有一个触发“更新”的效果，一旦服务器的响应返回，我就会调度“更新”

 updateAccount$ = createEffect(() =>
  this.actions$.pipe(
    ofType(BankManagerActions.bankAccountUpdating),
    concatMap((action) =>
      this.bankManagerHttpService
        .updateAccount(action.update.id, action.update.changes)
        .pipe(
          map(account => BankManagerActions.bankAccountUpdated(
            {update: {id: account.id, changes: account}})), // action here
          catchError((err) => {
            console.log(err);

            return of(BankManagerActions.updateAccountError());
          })
        )
    ),
));

请注意，在“更新”上，我正在执行“adapter.updateOne”，但商店没有显示任何差异。 请注意，在“更新”时我没有减速器逻辑，因为我没有改变状态。 “更新”只会导致进行后端调用的效果。当我从后端返回时，我调用“updated”，它调用“updateOne”，但它不会改变状态。

当我加载具有网格的页面并加载所有帐户时，我看到出现了差异。数组中的一个对象已更新。 一旦我调用“updateOne”，它应该会显示出差异

更新

服务代码如下所示

    updateAccount(id: string | number, account: Partial<BankAccount>): Observable<BankAccount> {
    const headers = new HttpHeaders();
    headers.append('Content-Type' , 'application/json');
    return this.http.put<BankAccount>('https://localhost:44391/BankAccount/' + id, account);
  }

Answer 1

如果bankManagerHttpService.updateAccount 没有返回Observable<Account>，请尝试：BankManagerActions.bankAccountUpdated({update: action.update})。