title: How to debug Observable values in Angular2 / Typescript?
body: <p>I have followed the tutorial for angular 2 and have a search functionality that renders a list of heroes asynchronously.</p>
  
  <pre><code>&lt;div *ngFor="let hero of heroes | async"&gt;
      {{hero.name}}
  &lt;/div&gt;
  </code></pre>
  
  <p>In the component I have observable heroes:</p>
  
  <pre><code>heroes: Observable&lt;Hero[]&gt;;
  </code></pre>
  
  <p>Now I have implemented similar functionality in my application by I don't see anything and I don't see any errors either. I opened the debugger in Chrome and tried to check the value of heroes, but it's just some Observable wrapper of course. </p>
  
  <p>Is there any way to see the current/last or some value in the debugger or maybe there is some other technique to debug such issues?</p>