typescript - Hoe gegevens van Json Mapper weergeven in Angular 5?

Ik ben beginner in Angular5 met TypeScript en ik probeer te achterhalen hoe ik mijn gegevens uit mijn JSON kan weergeven.. In feite heb ik een API die ik met Java heb gemaakt. In mijn Angular heb ik een JSON-mapper gemaakt zoals dit :

Mijn JSON van mijn Java ziet er zo uit:

 [
        {
            "type": "SERVICE",
            "nom": "aide-services",
            "equipes": [
                {
                    "nom": "IKKI"
                }
            ],
            "serveurs": [
                {
                    "id": 2,
                    "nom": "vtcint2",
                    "ip": "10.10.25.45",
                    "indicateurs": {
                        "BUILDDATE": "2018-01-03T06:02:05Z",
                        "STATUS": "OK",
                        "VERSION": "2.2.0-SNAPSHOT"
                    }
                }
            ]

Momenteel kan ik alleen type en nom weergeven van Applicaties zoals dit: {{app.type}} {{app.nom}} Maar wanneer ik bijvoorbeeld gegevens van serveurs wil weergeven, kan ik dat niet {{app.serveurs}} In mijn HTML-weergave krijg ik [Object object] Te zien. Alstublieft, hoe kan ik dit oplossen? Alvast bedankt

Antwoord #1

<code>

interface Applications {
  type : string;
  nom : string;
  equipes: Equipe[];
  serveurs: Serveur[];
}

interface Equipe {
  nom : string;
}

interface Serveur {
  id: number;
  nom: string;
  ip: string;
  indicateurs: Indicateurs;
}

interface Indicateurs {
  BUILDDATE: Date;
  STATUS: string;
  VERSION: string;
}

</code>

Antwoord #2

Ik heb mijn probleem opgelost. Ik hoef alleen maar zo te itereren:

<div *ngFor="let s of apps">{{s.serveurs.VERSION

Het is gewoon een voorbeeld om de oplossing te illustreren voor mensen die mogelijk hetzelfde probleem hebben gehad als ik.