AsyncPipe used for ngIf and Passing Data

Question

Is it bad practice to use AsyncPipe in multiple bindings? I have a component that takes an observable and I am using it as a data input along with *ngIf like so

<sample-component 
   ngIf="sampleObs$ | async"
   [data] = "sampleObs$ | async"
></sample-component>

It works as expected, I was just wondering if this was an okay practice as I am new to Angular

Answer 1

I would suggest using async as

ngIf="sampleObs$ | async as sampleObs"

Then the next call you just use sampleObs.