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

Question

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

获取数据

我基本上有一个 Report 模型和 NetIncome 模型。由于我的代码存在错误，我将如何集成它们。我只能使用一种型号吗？或者我如何在我的模型中修改它？

我只想在我的 Angular 应用程序上获得最佳实践，因此我希望分配适当的模型。随意重组或更改大量代码等...

这里是 stackblitz link Click Here

@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 returns 一组 Reports 或 Report[]，然后当它不符合要求时您试图将其转换为 NetIncome。我建议在点击之前添加一个映射运算符以将结果转换为 NetIncome 或更改 ReportStateModel

中 net_incomes 的类型

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

Two Models in Angular for Passing & Display Data

angular

angular6

ngxs

angular-state-managmement