How to debug Observable values in Angular2 / Typescript?
<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>