Angular 2 type script define error

Question

When define response data to array, error occured:

public esriLocation = [];
public testLocation  = [];

 this.service.getData().subscribe(
                  (response) => this.esriLocation = response.json(),
                  (error) => console.log('ESRI ERROR: ' + error)
          );

          this.testLocation = this.esriLocation.suggestions;

Property 'suggestions' does not exisits on type 'any'

Responce

{
    "suggestions": [{
        "text": "DEU",
        "key": "dHA9MCNsb2M9MTAzOTkwNTEjbG5nPTQ0I2xicz0xMDk6NDI2MDI4NzM=",
        "isCollection": false
    }, {
        "text": "ENG",
        "key": "dHA9MCNsb2M9MTA0MDAzOTcjbG5nPTQ0I2xicz0xMDk6NDI2MDI4NzU=",
        "isCollection": false
    }]
}

How to fix?

try declare public esriLocation = {}; Also what is the value of console.log(this.esriLocation after the service call — Niladri
– Niladri, Commented Dec 7, 2017 at 7:55
try to declare like : public esriLocation:any; public testLocation:any; — AddWeb Solution Pvt Ltd
– AddWeb Solution Pvt Ltd, Commented Dec 7, 2017 at 8:00

AddWeb Solution Pvt Ltd · Accepted Answer · 2017-12-07 08:05:17Z

3

try to declare like below :

public esriLocation:any; 
public testLocation:any; 
    this.service.getData().subscribe(
                      (response) => {this.esriLocation = response.json()
                                     this.testLocation = this.esriLocation.suggestions;
                               },
                      (error) => console.log('ESRI ERROR: ' + error)
              );

answered Dec 7, 2017 at 8:05

AddWeb Solution Pvt Ltd

21.8k5 gold badges30 silver badges61 bronze badges

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

Comments

Deepak Jha · Accepted Answer · 2017-12-07 07:54:58Z

2

It is async by nature you need to do the assignment inside the success call back.

public esriLocation = [];
public testLocation  = [];

 this.service.getData().subscribe(
                  (response) => {this.esriLocation = response.json()
                                 this.testLocation = this.esriLocation.suggestions;
                           },
                  (error) => console.log('ESRI ERROR: ' + error)
          );

as it is async by nature you cannot guarantee that the result will be available after the subscribe block, if it is available and you find it not assigned properly check if you are getting a JSON object not the string.

answered Dec 7, 2017 at 7:54

Deepak Jha

1,61913 silver badges17 bronze badges

2 Comments

Deepak Jha Over a year ago

check if you have the typeof this.esriLocation is actually an object

Serhio g. Lazin Over a year ago

@AddWebSolutionPvtLtd provided a fix. Thank you for help, your answer are helpfull too

Collectives™ on Stack Overflow

Angular 2 type script define error

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related