Как перебрать данные JSON в Angular 6?

Question

Я работаю над проектом Angular 6. В моем проекте я делаю запрос через httpClient, через который я получаю данные JSON, но я не знаю, как перебрать эти данные. Если кто-нибудь знает решение, пожалуйста, помогите.

Мои данные Json выглядят так:

Данные Json

Сведения об ошибке:

ошибка

app.component.js

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'servicedemo';
  private url = "http://localhost/api.php";
  public apps: Applications[];

constructor(http: HttpClient) {
    http.get(this.url).subscribe(result => {
        this.apps = result as Applications[];
        console.log(this.apps);
    }, error => console.error(error));
}}

interface Applications {
    id: number;
    name: string
    age: number 
}

app.componenet.html

<div *ngFor="let item of apps">
    {{ item.name }}
 </div>

Answer 1

Первое использование Object.keys для преобразования объекта в массив:

    http.get(this.url).subscribe(result => {
        const arr: Applications[] = Object.keys(result);
        this.apps = arr;
        console.log(data);
    }, error => console.error(error));

Также вы должны подписаться в onInit