如何遍历 angular 6 中的对象数组？

Question

我是 angular 的新手，我被分配到一项任务，我想从 API 获取数据并迭代并将其显示在图表中。我的 angular 版本是 6.

这是响应JSON格式，是对象列表-

[
    {
        "counts": 0,
        "time": "00:00:00"
    },
    {
        "counts": 0,
        "time": "01:00:00"
    },
    {
        "time": "02:00:00",
        "counts": 1
    },
    {
        "counts": 7,
        "time": "03:00:00"
    }
]

获取那个

 data : [];

this.service.getPaymentDistributionData()
    .subscribe((res) => {
      console.log(res)
    })

如何获取每个计数和时间并打印？

谢谢，

Answer 1

您可以使用 .. of

for (let ct of res) {
     console.log(ct.counts);
     console.log(ct.time); 
}

Answer 2

this.service.getPaymentDistributionData()
.subscribe((res) => {
    res.forEach(x => console.log(x.count))
})

对 res = [{}, {}]

的对象数组尝试这样的操作

对于对象 res = {}

Object.keys(res).forEach((key) => )

如何遍历 angular 6 中的对象数组？

How to loop through array of objects in angular 6?

angular

angular6

subscribe