Angular 2 issue setting value inside subscribe method

Question

I am doing a post on server and trying to console output the response http code. I used chrome tool as debugger to check response and I can see the output coming but at the end it goes to subscribe library does something and sets the function rather than value.

My component class is

 export class MicroserviceCreateComponent implements OnInit{

   errorMessage: string;
   postMessage: string;
   teams: Team[];
   microservice: Microservice[];

    constructor(private microserviceService: MicroserviceService) { }

    ngOnInit() {
    }

  onSubmit({ value, valid }: { value: Microservice, valid: boolean }) {
     this.createMicroservice(value); 
     console.log(this.postMessage); <<<<<<<<==== This gives me undefined
  }

   createMicroservice(value){
      this.microserviceService.createMicroservice(value).subscribe(
        postMessage => this.postMessage = postMessage.valueOf(),
         error => {
          this.errorMessage = error.getMessage();
          console.error(error.getDescription());
        });
  }
}

@echonax Sorry that was stupid. I edited that. Now its giving undefined. — amulamul, May 03 '17 at 18:34
Have you checked: http://stackoverflow.com/questions/43055706/how-do-i-return-the-response-from-an-observable-http-async-call-in-angular2 ? — eko, May 03 '17 at 18:36
Alright then, I'm flagging it as a dupe to chain the questions :-) — eko, May 03 '17 at 18:48

score 1 · Answer 1 · answered May 03 '17 at 18:42

1

this.microserviceService.createMicroservice(value).subscribe( . . . ) is a non-blocking asynchronous call. Meaning that after you call it console.log(this.postMessage) is free to print before the web request is complete. Try putting the console.log(this.postMessage) in the subscription.

this.createMicroservice(value); // This is an async call
console.log(this.postMessage); // This happens immediately afterwards

answered May 03 '17 at 18:42

Pearman

1,068
5
14

Have you read the comments? – eko May 03 '17 at 18:44
I started typing the answer before they were posted >. – Pearman May 03 '17 at 18:44
Ah ok, I see :-) – eko May 03 '17 at 18:45
It is obnoxious that Stack Overflow doesn't do a better job notifying you that the post has changed before posting. – Pearman May 03 '17 at 18:47

Angular 2 issue setting value inside subscribe method

1 Answers1