Angular2 logging http response

Question

service.ts

create(category: Category): Observable<Category> {

let body = JSON.stringify(category);
let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });

return this.http.post(this.baseUrl+'categories', body, options)
                .map(res =>  <Category> res.json() )
                .catch(handleError);

}

component.ts

    this.categoryService.create(this.category)
                 .subscribe(
                   c  => this.category = c,
                   error =>  this.errorMessage = <any>error);
                   console.log("created category ID " + this.category.id); 
                   this.categories.push(this.category);

console writes "log created category ID undefined" but server returns with id. how to log the http response within service.ts itself.

micronyks · Accepted Answer · 2016-11-02 14:57:31Z

1

this.categoryService.create(this.category)
    .subscribe(
      c  =>{ this.category = c
             console.log("created category ID " + this.category.id);  //<<<access here
             this.categories.push(this.category); 
            },
      error =>  {this.errorMessage = <any>error)}
    );

answered Nov 2, 2016 at 14:57

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

Comments

Günter Zöchbauer · Accepted Answer · 2016-11-02 15:33:16Z

1

You need to move the code that depends on the response move into subscribe()

         this.categoryService.create(this.category)
             .subscribe(
               c  => {
                  this.category = c;
                  console.log("created category ID " + this.category.id); 
                  this.categories.push(this.category); 
               }),
               error =>  this.errorMessage = <any>error);

edited Nov 2, 2016 at 15:33

answered Nov 2, 2016 at 14:57

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

2 Comments

vels4j Over a year ago

after moving this.categories.push(this.category); inside it worked, thanks. However the log outside being invoked earlier than subscribe.

Günter Zöchbauer Over a year ago

Ups, forgot to move that in as well.

Collectives™ on Stack Overflow

Angular2 logging http response

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