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

Question

Я хочу отобразить json данные на экране с Angular 7. У меня ошибка.

Не удается найти другой поддерживающий объект '[object Object]' типа 'object' , NgFor поддерживает только привязку к Iterables, таким как массивы.

В моем сервисе;

getData(): Observable <any> {
        return this.http.get(this.myUrl);
    }

В моем компоненте;

public data: []= null;

    ngOnInit() {
          this.myService.getData().subscribe((d) => this.data = d);
      }

В моем html;

<tbody>
  <tr *ngFor = "let people of data">
    <td> {{ people.name}}</td>
  </tr>
</tbody>

Мой json;

{
    "people": [
        {
            "number": [
                0,
                0
            ],
            "name": "arya"
        },
        {
            "number": [
                1,
                1
            ],
            "name": "arya2"
        }
    ]
}

Как я могу отобразить эти данные, которые в json, на экране с html?

Answer 1

Инициализируйте вашу переменную data пустым массивом.

public data: [] = [];

и присвойте d.person переменной data.

this.myService.getData().subscribe((d) => this.data = d.people);