Отображение данных JSON с помощью Angular 7

Question

Я пытаюсь отобразить данные JSON с сервера:

{"buySell":
[
  {"date":"2015-03-02","close":120.351,"buySell":"Sell"},
  {"date":"2019-01-02","close":157.2455,"buySell":"Buy"}
],

"firstReturn":0.62987323647548421,
"sell":{"date":"2018-10-08","close":222.0396},
"buy":{"date":"2018-05-02","close":173.9216}
}

Вот как я форматирую их в HTML:

<mat-list *ngIf="buySellData$ | async as stock else noData">
   <mat-list-item *ngFor="let item of stock ">
       {{item.listOfBuySell | json}} 
   </mat-list-item>
</mat-list>

Это стандартный формат

stock: Cagr[];

и carg.ts:

import { Istock } from './istock'
import { Dateclose } from './dateclose'

export class Cagr {
    listOfBuySell: Istock;
    close: number;
    sell: Dateclose;
    buy : Dateclose;
 }

istock.ts:

 export class Istock {
    date: Date;
    close: number;
    buysell: string;
}

и, наконец, dateclose.ts

export class Dateclose {
    date: Date;
    close: number;
}

Thisэто ошибка, которую я получаю при отображении:

Ошибка: не удается найти другой поддерживающий объект «[объект]] типа« объект ».NgFor поддерживает только привязку к итерациям, таким как массивы.

Answer 1

Вы пытаетесь перебрать объект , но не массив .Это вызывает такую ​​ошибку.

Вы должны проверить, что именно у вас есть в результате в buySellData$ | async.