decorator-07.ts

import {
  AfterViewInit,
  Component,
  ComponentFactoryResolver,
  Input,
  ViewChild,
  ViewContainerRef,
} from '@angular/core';
import { BaseHistoryEntryComponent } from './base-history-entry.component';
import { GetHistoryEntryComponent } from './history-entry-type.decorator';
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() {
    const componentType = GetHistoryEntryComponent(this.entry.type);
    const factory = this._cfr.resolveComponentFactory(componentType);
    const component = this.hostRef.createComponent(factory);
    const instance = component.instance as BaseHistoryEntryComponent<any>;

    instance.data = this.entry.data;
  }
}