Delaying view with Observable

When view can’t be rendered until a certain value is derived, ng-container can be used with *ngIf to delay the rendering of the component as below…

<ng-container *ngIf="dayGridSize$ | async as itemSize">
<cdk-virtual-scroll-viewport [itemSize]="itemSize" orientation="vertical">
</cdk-virtual-scroll-viewport>
<ng-container>