Agular Store 效果不等待选择器数据

Question

我正在使用 NgRx store 开发一个 Angular 项目。所有后端响应都保存在商店中。

这是我的 effects.ts

loadData$ = createEffect(() => this.actions$.pipe(
      ofType('[Data] Load Data'),
      concatMap((action: any) => of(action).pipe(
        withLatestFrom(this.store$.pipe(select(selectorData)))
        
      )),
      switchMap(([, request]: any) => this.Service.getDataApi(
          request.data1.iid,
          request.data2.iid2
        )
        .pipe(
          map((data: Data[]) => ({
              type: '[Data] Load Success',
              payload:  { data },
            }
          )),
          catchError((error: any) => of({
              type: '[Datae]] Load Failure',
              payload:  { error },
            }
          ))
        ))
    )
  );

我如何等待 selectorData 数据？ 有没有具体的方法呢？ 当前的实现 idd 和 iid2 为空。

提前致谢。

编辑1 我做了以下更改。

concatMap((action: any) => of(action).pipe(
        withLatestFrom(this.store$.pipe(select(selectorData),skipWhile(iid => !iid),
        skipWhile(iid2 => !iid2),
        mapTo(true))
        )

以上更改不会使用 API 进行调用。如果数据可用，我该如何调用

编辑 2

filter(([, {configData}]: any) => configData.iid &&
      configData.iid)

我也尝试过过滤。第一次configData.iid未定义。我们如何解决这个问题

它抛出未定义的错误

编辑3 我已尝试 combineLatestWith。它不等待 this.store$.pipe(select(selectorData))

等待数据还有其他解决方案吗？

Answer 1

您可以使用combineLatest来等待多个操作或源可观察量。

loadData $ = createEffect(() => {
    return combineLatest(
      this.actions$.pipe(
          ofType('[Data] Load Data')
      ),
      this.store$.pipe(
          select(selectorData),
          filter(iid => !!iid) // Filters untruthy values
      )
    ).pipe(
      // Wont come here until both observables have emitted
      ...
    )