decorator-04.ts

import {
  AfterViewInit,
  Component,
  ComponentFactoryResolver,
  Input,
  ViewChild,
  ViewContainerRef,
} from '@angular/core';
import { HistoryEntry } from './history-entry.model';

@Component({
  selector: 'generic-history-entry',
  template: `<ng-template #host></ng-template>`,
})
export class GenericHistoryEntryComponent implements AfterViewInit {
  @Input()
  public entry: HistoryEntry;

  @ViewChild('host', { read: ViewContainerRef })
  public hostRef: ViewContainerRef;

  constructor(private _cfr: ComponentFactoryResolver) {}

  public ngAfterViewInit() {
    // Instantiate the correct component based on this.entry.type
  }
}