ERROR Error: Error trying to diff for array of object

Question

I'm getting this error for array of object. My data is coming from database so I cannot change the format of the data.

Here is what my data looks like (coming from database):

dataFromDatabase:any;

this.dataFromDatabase = [
  {"startTime":"Wed Oct 18 2017 12:00:00","endTime":"Wed Oct 18 2017 12:00:00","user_id":"148"},
  {"startTime":"Thu Oct 19 2017 12:00:00","endTime":"Thu Oct 19 2017 12:00:00","user_id":"148"},
  {"startTime":"Fri Oct 20 2017 12:00:00","endTime":"Fri Oct 20 2017 12:00:00","user_id":"148"}
];

What I'm doing in template:

<div>
  <div *ngFor="let times of dataFromDatabase">
    <p>{{times.startTime}}</p>
  </div>
</div>

i'm getting this error ERROR Error: Error trying to diff — Goutham Ggs
– Goutham Ggs, Commented Oct 23, 2017 at 5:15
make sure that your service call returns the array of object i think its returning objects only — Arun Kumaresh
– Arun Kumaresh, Commented Oct 23, 2017 at 5:17
the above object is console.log() of the result from my service — Goutham Ggs
– Goutham Ggs, Commented Oct 23, 2017 at 5:19
Change this: "startTime":"Wed Oct 18 2017 12:00:00" into: startTime:"Wed Oct 18 2017 12:00:00". If you get the data from an service use JSON.parse(this.dataFromDatabase). Or use {{times["startTime"]}} in template. — Swoox
– Swoox, Commented Oct 23, 2017 at 6:42

Akshay · Accepted Answer · 2018-01-05 09:16:43Z

0

This is because *ngFor expects an array but you might be getting an object from the API.Check your response and let me know if there is any other issue.

answered Jan 5, 2018 at 9:16

Akshay

3751 gold badge4 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

ERROR Error: Error trying to diff for array of object

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related