javascript - 定位对象内的数组 - Angular 2 中的 Observables

Question

有一次，我使用 observables 成功地迭代了 Angular 2 应用程序中数组中的对象。在我的客户服务文件中，我有这样的内容:

getByCategory(category: string) {
    const q = encodeURIComponent(category);
    return this.http.get
    (`https://api.someurl.com/${this.ver}/clients/category/${q}?apikey=${this.key}`)
        .map((response: Response) => response.json())
        .catch(this.stageErrorsHandler);
}
    stageErrorsHandler(error: Response) {
    console.error(error);
    return Observable.throw(error.json().error || 'Server error');
}

然后我订阅了组件的 ngOnInit 生命周期 Hook ，如下所示:

ngOnInit() {
   this.clientService.getByCategory('consulting')
        .subscribe(resRecordsData => this.records = resRecordsData,
        responseRecordsError => this.errorMsg = responseRecordsError);
}

在组件中，我还将记录初始化为空数组:

records = [];

然后在我看来，我正在迭代这个记录数组，如下所示:

<tr *ngFor="let record of records">

现在 api/服务器上的数据配置已更改。我曾经定位一个数组，看起来像这样:

[
  {
    "id": "someid",
  }
]

...我需要将其更改为现在的目标名为“data”的数组，该数组位于对象内。它看起来像这样:

{
  "count": 1000,
  "data": [
      {
         "id": "someid",
      }
   ]
}

我遇到了一个简单的问题:如何在这样的对象中定位数组？我需要定位对象内的数组，因为这就是 *ngFor 需要的以便能够迭代。

Answer 1

您可以尝试通过以下方式定位记录中的数组:

<tr *ngFor="let record of records.data">

或

您可以在数据检索中为数据设置记录:

this.records = resRecordsData.data