HTML

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.
-->