Something that has caught me out more than once is having another variable on the page with the same name.
E.g. in the example below the data for the NgFor
is in the variable requests
.
But there is also a variable called #requests
used for the if-else
<ng-template #requests>
<div class="pending-requests">
<div class="request-list" *ngFor="let request of requests">
<span>{{ request.clientName }}</span>
</div>
</div>
</ng-template>