Answers for "using async pipe in ngfor"

1

async pipe ngfor

<ul>
  <li *ngFor="let pizza of pizzas$ | async; index as i">
    {{ i + 1 }}. {{ pizza.name }}
  </li>
</ul>

<!--
 In Ang2+,
 pizza$ is an observable that pushes pizza[] instances
-->
Posted by: Guest on May-25-2021
1

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.
-->
Posted by: Guest on May-25-2021

Browse Popular Code Answers by Language