时间戳

首页 > 解决方案 > 使用 ngFor 解析电子邮件数据

angular - 使用 ngFor 解析电子邮件数据

问题描述

  "data": {
    "total_users": 4,
    "res": {
      "Software Engineer": [{
          "user_percentage": "12",
          "email": "user1@mail.com",
          "firstName": "user1",
          "lastName": "k"
        },
        {
          "user_percentage": "18",
          "email": "user9@mail.com",
          "firstName": "user9",
          "lastName": "gk"

        }
      ],
      "Test Engineer": {
        "user_percentage": "34",
        "email": "user2@mail.com",
        "firstName": "user2",
        "lastName": "a"
      },
      "Manager": {
        "user_percentage": "84",
        "email": "user3@mail.com",
        "firstName": "user3",
        "lastName": "b"
      }
    }
  }

我需要使用 ngFor angular 在上述 json 中获取电子邮件和名字。谁能帮我实现。我是角度的新手。

标签： angular

解决方案

单节点代码，您可以尝试使用以下 -

<p *ngFor="let item of data.res['Software Engineer']">{{item?.email}}, {{item?.firstname}}</p>

工作示例

推荐阅读