[Fixed] How to debug Observable values in Angular2 / Typescript?


I have followed the tutorial for angular 2 and have a search functionality that renders a list of heroes asynchronously.

<div *ngFor="let hero of heroes | async">

In the component I have observable heroes:

heroes: Observable<Hero[]>;

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.

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?


There’re several article on this topic but most easily use do() operator to see what’s going on in your operator chains.

Read more:

Leave a Reply

(*) Required, Your email will not be published