how to print this kind of data showing Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding

Question

this is my data of covid19 get from postman.

how to print this kind of data showing

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding

"Andaman and Nicobar Islands": {
  "districtData": {
    "Nicobars": {
      "notes": "",
      "active": 0,
      "confirmed": 0,
      "deceased": 0,
      "recovered": 0,
      "delta": {
        "confirmed": 0,
        "deceased": 0,
        "recovered": 0
      }
    },
    "North and Middle Andaman": {
      "notes": "",
      "active": 0,
      "confirmed": 1,
      "deceased": 0,
      "recovered": 1,
      "delta": {
        "confirmed": 0,
        "deceased": 0,
        "recovered": 0
      }
    },
    "South Andaman": {
      "notes": "",
      "active": 0,
      "confirmed": 32,
      "deceased": 0,
      "recovered": 32,
      "delta": {
        "confirmed": 0,
        "deceased": 0,
        "recovered": 0
      }
    }
  },
  `enter code here`
  "statecode": "AN"
}

you can use [keyValuePipe](https://angular.io/api/common/KeyValuePipe) — ysf, May 24 '20 at 12:25

score 0 · Answer 1 · answered May 24 '20 at 12:41

0

you can use KeyValuePipe for this please find attached the stackblitz example for the same.

https://stackblitz.com/edit/angular-ivy-zovcpm?file=src/app/app.component.html

But remember it's an impure pipe that may impact your app performance.

answered May 24 '20 at 12:41

Darpan

234
3
15

thank you very very much sir it's big problem for low – Yogendra Vande May 24 '20 at 14:23
I am glad that I was able to help you. If this solves this problem can you mark this as an answer? – Darpan May 24 '20 at 14:35

how to print this kind of data showing Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding

1 Answers1