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

Posted 2023-03-13

【中文标题】如何在 Angular 5 中显示来自 Json Mapper 的数据？

【英文标题】：How to display Data from Json Mapper in Angular 5?

【发布时间】：2018-06-12 22:29:23

【问题描述】：

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

我的 java 中的 Json 如下所示：

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

目前，我只能显示来自 Applications 的 type 和 nom，如下所示： app.type app.nom 但是当我想显示例如来自服务器的数据时，我不能 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

这只是一个例子，为可能遇到像我一样的问题的人说明解决方案。