Iterating through http response Angular2

Question

So I'm very new to Angular2, and trying to iterate through http response I'm kindda stuck. With the following code :

  ngOnInit() {
    this._meetService.getAuth( "meets/"+ this.meetId + "/participants").subscribe(
      meet => {
        this.participants = meet.participants;
        this.organizators = meet.organizators;
        console.log(this.participants);
      },
      error => console.log("error")
    )
  }

I get values in both this.participants and this.organizators but with the following :

  ngOnInit() {
    this._meetService.getAuth("meets/"+ this.meetId + "/participants").subscribe(
      meet => {
        meet.participants.forEach(participant => this.members.push(participant));
        meet.organizators.forEach(organizator => this.members.push(organizator));
        console.log(this.members);
      },
      error => console.log("error")
    )
  }

I get the error logged. How can this be ?

Here the getAuth() method :

@Injectable()
export class MeetService {
  constructor(private http: Http, public api: ApiConfig, private _routeParams: RouteParams) {}

  getAuth(path: string) {
    var auth = this.api.headers();
    auth.append("X-Auth-Key", "azertyuiop...");
    return this.http.get(this.api.getPath(path), {headers: auth})
      .map(res => <any> res.json())
  }

}

also show getAuth method code..should have return observable object. — Pankaj Parkar
– Pankaj Parkar, Commented Feb 19, 2016 at 10:03
The error getting logged is the error from error => console.log("error") — theFreedomBanana
– theFreedomBanana, Commented Feb 19, 2016 at 10:04
The error is "error" :D, but i expect that if the http call subscription hit an error, that means that the response code from the network call is not 200. Check the network tab and see if any request fails — Poul Kruijt
– Poul Kruijt, Commented Feb 19, 2016 at 10:11

Gio Polvara · Accepted Answer · 2016-02-19 10:35:56Z

3

I think you are pushing to this.members which is undefined. Try to initialize it first

ngOnInit() {
    this._meetService.getAuth("meets/"+ this.meetId + "/participants").subscribe(
      meet => {
        this.members = [];
        meet.participants.forEach(participant => this.members.push(participant));
        meet.organizators.forEach(organizator => this.members.push(organizator));
        console.log(this.members);
      },
      error => console.log("error")
    )
  }

Setting members: Array<any> just tells TypeScript that there is amember property which should be of type Array, it does not create the property for you though.

edited Feb 19, 2016 at 10:35

answered Feb 19, 2016 at 10:30

Gio Polvara

27.4k10 gold badges70 silver badges65 bronze badges

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

Collectives™ on Stack Overflow

Iterating through http response Angular2

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