解开承诺，以获取内部数据

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

想要改进此问题吗？更新该问题，因此它仅针对一个问题，仅编辑此帖子。

闭合 2年前。

Answer 1

您的服务不会返回productTableItem，而是服务器响应。创建两个模型：

export class ProductData {
  products?: ProductTableItem[]
}

现在

export class ServerResponse<T> {
  timestamp: any;
  status: string;
  data: T;
}

在您的服务中：

getProducts(): Observable<ServerResponse<ProductData>> {
  return this.http.get<ServerResponse<ProductData>>(this.productUrl)
    .pipe(
      tap(data => console.log('All', JSON.stringify(data))),
      catchError(this.handleError)
    );
  }

在您的组件中：

this.productService.getProducts().subscribe({
    next: (response : ServerResponse<ProductData>) => this.data = response?.data?.products,
    error: err => this.errorMessage = err
  });