How to get rid of Angular6 typescript error?

Question

I'm building an angular 6 project with typescript 3.1.2. I'm calling a restful API that returns a JSON data set with a label name data. I'm getting the below error but the website works perfectly without any console error. Is this a bug or I'm I doing something wrong?

error TS2339: Property 'data' does not exist on type 'AgentData[]'.

Json Data:

Here is my class:

Here is my Service:

Here is my Agent Component subscribing to the service.

This is the error from VS Code Editor:

[ts] Property 'data' does not exist on type 'AgentData[]'

I voted to close this question, because the code is in the form of images, not text. — David Walschots
– David Walschots, Commented Oct 10, 2018 at 16:59

Hitesh Kansagara · Accepted Answer · 2018-10-10 16:49:21Z

1

your method return type should be Observable<AgentData> instead of Observable<AgentData[]>

answered Oct 10, 2018 at 16:49

Hitesh Kansagara

3,6063 gold badges20 silver badges34 bronze badges

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

Comments

Sachin Gupta · Accepted Answer · 2018-10-10 16:54:53Z

0

your are looking for resp.data where resp is an array. you should be looking for resp[0].data

answered Oct 10, 2018 at 16:54

Sachin Gupta

5,3493 gold badges19 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to get rid of Angular6 typescript error?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related