angular - Angular 中用于传递和显示数据的两个模型

Question

我在 ngxs 中使用模型时遇到问题。我必须使用不同的模型将数据传递给 api 并从 api 获取数据

我基本上有一个报告模型和净收入模型。由于我的代码有错误，我将如何集成它们。我只能使用一个模型？或者我如何在我的模型中修改它？

我只想要我的 Angular 应用程序的最佳实践，所以我想要分配正确的模型。随意重组或更改大量代码等......

这里是stackblitz链接点击这里

@Action(GetNetIncomes)
  GetNetIncomes(ctx: StateContext<ReportStateModel>, { payload }: GetNetIncomes) {
    return this.reportsService.getNetIncomes(payload).pipe(
      tap((result: NetIncome) => {
        ctx.patchState({
          net_incomes: result,
        });
      }),
      catchError((err) => {
        console.log(err);
        return throwError(err);
      })
    );
  }

Answer 1

getNetIncomes 返回一个 Reports 或 Report[] 数组，然后当它不符合要求时，您尝试将其转换为 NetIncome。我建议在点击之前添加一个地图运算符将结果转换为 NetIncome 或更改 ReportStateModel 中 net_incomes 的类型