json - 如何在 Angular 5 中显示来自 Json Mapper 的数据？

Question

我是使用 TypeScript 的 Angular5 的初学者，我试图找到如何从我的 JSON 中显示我的数据..事实上，我有一个用 Java 创建的 API。在我的 Angular 中，我创建了一个像这样的 JSON 映射器:

我的 java 中的 Json 看起来像这样:



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



目前，我只能显示来自应用程序的类型和名称，如下所示: <code>{{app.type}} {{app.nom}</code>但是当我想显示例如来自服务器的数据时，我不能 <code>{{app.serveurs}}</code>我的 HTML 显示中有 <code>[Object object]</code>请问，我该如何解决这个问题？提前致谢

Answer 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>