title: Is it a good practice using Observable with async/await?
body: <p>I am using angular 2 common http that return an Observable, but I face with a problem that my code likes a mesh when I use nested Observable call: </p>
  
  <pre><code>this.serviceA.get().subscribe((res1: any) =&gt; {
     this.serviceB.get(res1).subscribe((res2: any) =&gt; {
         this.serviceC.get(res2).subscribe((res3: any) =&gt; {
  
         })
     })
  })
  </code></pre>
  
  <p>Now I wanna use async/await to avoid that but async/await only work with Promise. I know that Observable can be converted to Promise but as I know, it is not a good practice. So what should I do here ?</p>
  
  <p>BTW, it will be nice if anyone can give me an example code to solve this with async/await :D </p>