Error: Cannot find a differ supporting object '[object Object]' of type '....'. NgFor only supports……}

Question

[  
   {  
      "id":1,
      "name":"Ashiz",
      "email":"[email protected]",
      "message":"How are you yankee\r\n",
      "created_at":"2017-05-24 03:16:53",
      "updated_at":"2017-05-24 03:16:53"
   }
]
.map(res => res.json());

While i use json data, in above way, than it works fine . That i can use json data but when i use this way as object only than i got error. why? what is the differences between square bracket and without square bracket how to work with this?

{  
   "id":1,
   "name":"Ashiz",
   "email":"[email protected]",
   "message":"How are you yankee\r\n",
   "created_at":"2017-05-24 03:16:53",
   "updated_at":"2017-05-24 03:16:53"
}

[] is an array or an iterable and {} is an object with key-value pairs. ngFor needs an iterable.. — Suraj Rao
– Suraj Rao, Commented May 24, 2017 at 12:39
If you have just one object, you don't need *ngFor, you can just show the properties with e.g {{objectNameHere?.name}} notice the safe navigation operator: angular.io/docs/ts/latest/guide/… — AVJT82
– AVJT82, Commented May 24, 2017 at 13:09

lalithkumar · Accepted Answer · 2017-05-24 12:42:10Z

1

When you are not using [] the you need to parse it with $.parseJSON like below.

jQuery.parseJSON({  
   "id":1,
   "name":"Ashiz",
   "email":"[email protected]",
   "message":"How are you yankee\r\n",
   "created_at":"2017-05-24 03:16:53",
   "updated_at":"2017-05-24 03:16:53"
});

answered May 24, 2017 at 12:42

lalithkumar

3,5404 gold badges26 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error: Cannot find a differ supporting object '[object Object]' of type '....'. NgFor only supports……}

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related