如何在不覆盖的情况下加载数据？

Question

在我的情况下，我的页面上有出版物，我需要在滚动时加载其他出版物。问题是，当我的新出版物到达时，我丢失了旧出版物。

我的服务：

GetPiins(page: string): Observable<ListPiinsResponse>  {
  const limit = '8';
  const piins = this.http.get<ListPiinsResponse>(
      `${this.baseUrl}/piins/FollowerAndFriend`, {
        params: {
          limit: limit, page
        }
  });
  return piins;
}

在组件的 ngInit 中：

this.store$.dispatch(new PiinsFeatureStoreActions.LoadCurrentUserPiins('1'));

this.piins$ = this.store$.pipe(
  select(PiinsFeatureStoreSelectors.selectAllPiinsFeatureItems),
  filter(value => value !== undefined),
);

以及我检测到卷轴时的方法：

onScroll() {
  this.counterPage += 1;
  this.store$.dispatch(new 
  PiinsFeatureStoreActions.LoadCurrentUserPiins(
   String(this.counterPage)
  ));
}

这是我的减速器：

    case ActionTypes.LOAD_PIINS_SUCCESS:{
      const newPiins = featureAdapter.addAll(action.payload, {
        ...state, // I think here I need to concat this value 
        isLoading: false,
        error: null
      });

      return newPiins;
    }

Answer 1

只需合并两个数组

this.oldData= [ ...oldData, ...newData];

这意味着初始时您的 oldData 必须是一个空数组。

public oldArray:SomeInterface[] = [];

应该可以解决问题

如何在不覆盖的情况下加载数据？

How to load data without overwrite?

angular

ngrx-store