Best practice for displaying a spinner or similar with async pipe

[Jamison Roberts]

If I use async pipe in my html to handle subscribing and destroying an Observable, is there a "best practice" for displaying any sort of info while the data loads, be it a spinner or even the text 'loading...'?   I suspect not, and that I need to explicitly handle the subscription myself, but I thought I'd ask before going that direction.  

Thanks,

-Jamison

[Sander Elias]

Hi Jamison,

Yes, there is a best practice for that.

Do something like this:

<p *ngIf="timer$ | async as result else loading">Timer {{result}}</p>

<ng-template #loading>loading...</ng-template>

see it in action in this StackBlitz

Hope this helps,

Regards
Sander