ngIf.ts

import {AfterViewInit, Component, OnInit, TemplateRef, ViewChild, ViewContainerRef,} from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
      <div class="container">
          <h1 class="display-1">Angular<span class="text-muted">MasterClass</span></h1>
          
          <ng-container #container></ng-container>
          <ng-container *ngIf="condition as value">{{ value }}</ng-container>
      </div>
  `,
})
export class AppComponent implements OnInit, AfterViewInit {
  @ViewChild('container', {read: ViewContainerRef}) container: ViewContainerRef;
  @ViewChild(TemplateRef) template: TemplateRef<any>;

  condition: string;

  ngOnInit(): void {
    setTimeout(() => {
      this.condition = "Resolved!";
    }, 3000)
  }

  ngAfterViewInit(): void {
      this.container.createEmbeddedView(this.template)
  }
}