mseemann/angular2-mdl

import {
  AfterViewInit,
  Directive,
  Input,
  Renderer2,
  ViewContainerRef,
} from "@angular/core";

@Directive({
  // eslint-disable-next-line
  selector: "[append-view-container-ref]",
})
export class AppendViewContainerRefDirective implements AfterViewInit {
  @Input("append-view-container-ref")
  viewContainerRefToAppend: ViewContainerRef | undefined;

  constructor(private viewRef: ViewContainerRef, private renderer: Renderer2) {}

  ngAfterViewInit(): void {
    this.renderer.appendChild(
      this.viewRef.element.nativeElement,
      this.viewContainerRefToAppend?.element.nativeElement
    );
  }
}