Как я могу получить данные от динамического c объекта

Question

[
  {
    "title": "Battery",
    "sections": {
      "Capacity": "2",
      "Type": "1"
    }
  },
  {
    "title": "Процесор",
    "sections": {
      "Number of nuclei": "22",
      "Processor name": "33",
      "Frequency": "11"
    }
  },
  {
    "title": "Display",
    "sections": {
      "The type of matrix": "222",
      "Screen diagonal": "111"
    }
  }
]

Как получить из него данные (в шаблоне):

Название: (Батарея)

ключ ------------- -----------> значение:

емкость -------------> 2

тип ------- ----------> 1

Название 2: (Процессор)

ключ ------------------- -----> значение

Название 3: (дисплей)

клавиша ------------------------ > значение

Answer 1

Вы можете использовать трубу keyvalue. Попробуйте следующий

<div *ngFor="let item of obj">
  Title - {{ item.title }}
  <div *ngFor="let section of item.sections | keyvalue">
    {{ section.key }} - {{ section.value }}
  </div>
  <br>
</div>

Рабочий пример: Stackblitz

Примечание: keyvalue труба была введена в Angular v6.1.0. Решение для более ранних версий можно найти здесь .