typescript - วิธีแสดงข้อมูลจาก Json Mapper ใน Angular 5?

ฉันเป็นผู้เริ่มต้นใน Angular5 กับ TypeScript และฉันพยายามหาวิธีแสดงข้อมูลของฉันจาก JSON ของฉัน.. ในความเป็นจริง ฉันมี API ที่ฉันสร้างด้วย Java ใน Angular ของฉัน ฉันได้สร้าง JSON Mapper แบบนี้:

ไฟล์ Json ของฉันจาก Java ของฉันดูเหมือนแบบนี้:

 [
        {
            "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"
                    }
                }
            ]

ปัจจุบัน ฉันสามารถแสดงเพียง type และ nom จาก Applications แบบนี้ได้: {{app.type}} {{app.nom}} แต่เมื่อฉันต้องการแสดงตัวอย่างเช่นข้อมูลจาก serveurs ฉันไม่สามารถทำได้ {{app.serveurs}} ใน HTML ของฉันจะแสดง [Object object] กรุณา ฉันจะแก้ปัญหานี้ได้อย่างไร ขอบคุณล่วงหน้าครับ/ค่ะ

คำตอบ #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>

คำตอบ #2

ฉันแก้ปัญหาของฉันแล้ว ฉันแค่ต้องวนซ้ำแบบนี้:

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

นี่เป็นเพียงตัวอย่างเพื่อแสดงวิธีแก้ปัญหาสำหรับคนที่อาจเจอปัญหาเดียวกับฉัน