ngif async pipe
<div *ngIf="user$ | async as user"> <user-profile [user]="user.profile"> </user-profile> <user-messages [user]="user.messages"> </user-messages> </div> <!-- In Angular2+ it is possible to use ngif and async pipe without headaches! When the user observable pushes a value it gets stored in the user variable. Can use user.stuff from then on. -->