subscribe function in angular 2

Question

I want to see the result returned from the service in the same subscribe method or in the ngOninit method(commented one) but neither of the place it showing the result even it is fetching the result from the service..

ngOnInit() {
    this.cityAreaService.getCities().subscribe(data => {
        this.cities = data;
        //console.log(this.cities);
    });
    //console.log(this.cities) 
}

Service

getCities() {
    return this.http.get(globalVar.serviceUrl + 'Cities').map((res: Response) => res.json());
}

Show your service. If results in service are fetched you should be able to see results using first console.log in your code. — porgo, Sep 01 '17 at 06:19
This is my service... getCities() { return this.http.get(globalVar.serviceUrl + 'Cities') .map((res: Response) => // console.log("Checking... " + res.json()); res.json() ); } — Nitin Shekhar, Sep 01 '17 at 06:23
see the thing I am getting the result in cities bcoz i am able to see in my template.. — Nitin Shekhar, Sep 01 '17 at 06:25
but when I am logging it in the ngOnInit it is showing undefined — Nitin Shekhar, Sep 01 '17 at 06:30
Both console.log() calls are commented out. The first one should log the citites. The second one will always log undefined. You get the response **asynchronously**. Unless of course the service fils: add a second callback to subscribe(). Use your debugger. — JB Nizet, Sep 01 '17 at 06:31
check if data fetched from service are ok by using console.log(data) instead of console.log(this.cities) in subscribe method — porgo, Sep 01 '17 at 06:32

score -2 · Accepted Answer · answered Sep 01 '17 at 06:31

-2

You could try to read response in other blocks of subscribe

this.cityAreaService.getCities().subscribe(
  response => {
    this.cities = response;
  },
  error => {
    // maybe error
  },
  () => {
    // anything else?
  }
);

answered Sep 01 '17 at 06:31

netic

2,854
6
28
25

There is no difference between the code from OP and yours. – JSON Derulo Sep 01 '17 at 06:33

subscribe function in angular 2

1 Answers1