ngIf Data Binding Removal

ngif-data-binding-removal.ts

import {Observable} from 'rxjs/Observable';
import {of} from 'rxjs/observable/of';

@Component({
  selector: 'my-app',
  template: `
    <ng-container *ngIf="data$ | async as data"> <!-- removed from dom -->
      <div>
        Data: {{data}} <!-- removed from dom -->
      </div>
      <div>
        Data: {{data}} <!--  removed from dom -->
      </div>
    </ng-container>
  `,
})
export class App {
  data$: Observable<boolean> = of(false);
}