Ошибка при создании динамической таблицы при получении данных из массива в Angular

Question

Я пытаюсь создать динамическую таблицу, получая данные из массива.Пожалуйста, проверьте прикрепленное изображение, в котором есть массив результатов, которые я получаю от API.Я пытаюсь использовать ключи в качестве заголовков таблицы и значения в качестве данных таблицы.

Я пытался использовать цикл * ngFor и цикл значения ключа, но я ничего не получаю из массива.

Ниже приведен фрагмент кода, который я использую:

<th style="text-align:center" *ngFor="let row of debugQueryData; index as i">{{row}}</th>

Более того, я правильно получаю данные в debugQueryData.

Как написать правильный цикл для создания динамической таблицы?

Answer 1

вы можете использовать этот код <th *ngFor="let key of objectKeys(debugQueryData)">{{key + ' : ' + debugQueryData[key]}}</th>

, что этот код делает, чтобы получить каждый ключ вашего объекта индивидуально, а затем получить значение путем передачи ключа к объекту