Return string in http get request Angular 6

Question

I have some problem returning a string from my request.

getTest(id: string): string {
  let foo: string = '';
  this.service.testProfile(id).subscribe(
    response => {
      foo = response.body.foo;
    },
    error => {
      console.log(error);
    }
  )
  return foo;
}

I want to init foo to my response. foo and then just to return new value of foo. Everything work but there is no result, any idea what I'm doing wrong?

Thank

Answer 1

I resolved with Promise

getTest(id: string): Promise<any>  {
 return new Promise((resolve,reject) => {
  this.service.testProfile(id).subscribe(
   response => {
    foo = response.body.foo;
   },
   error => {
    console.log(error);
   }
   )
  }
  )
 }

Thanks everybody !

Answer 2

You return a string which must still be filled (and thus is empty) as the async code to do so hasn't completed yet by the time you return. What you should return is an observable and emit the right string on it in the subscribe(...) call.

Answer 3

Change your code like this and try..

getTest(id: string): string {
  this.service.testProfile(id).subscribe(
    response =>  response.body.foo,
    error => {
      console.log(error);
      return '';
    }
  )
}