json - 在 Angular 中从 json 获取键和值

Question

我需要从 json 获取值(来自合并的 MySQL 表)。

我尝试了上一个主题中的几种解决方案，但没有一个对我有用。

access key and value of object using *ngFor

我的 JSON 格式是:

[
   {
      "idemployee":1,
      "name":"Ernest",
      "surename":"Pająk",
      "role":"Obsługa Baru",
      "employeehours":[
         {
            "idemployeehours":1,
            "date":"2019-01-10T23:00:00.000+0000",
            "quantity":8.0
         }
      ]
   }
]

我得到的是“键:0 和值:”(上面 Pardeep Jain 主题的答案)

编辑: 这是我的代码:

<div *ngFor="let item of employee| keyvalue">
Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>

employee 来自 Angular 组件并给出了提到的 JSON。问题是从“employeehours”获取嵌套值(如数量)

Answer 1

您不需要 keyvalue 管道。 employeehours 是一个数组，因此您只需要一个嵌套的 *ngFor 数组，例如您将数据存储在 employees 数组中:

<div *ngFor="let emp of employees">
  <p>Name: {{emp.name}} {{emp.surename}}</p>
  <div *ngFor="let hour of emp.employeehours">
    <p>Date: {{hour.date | date: 'shortDate'}}</p>
    <p>Quantity: {{hour.quantity}}</p>
  </div>
</div>

<强> DEMO