angular2 - append child to body

component.ts

import {Component, Input, Output, EventEmitter, ElementRef, ViewChild, DynamicComponentLoader} from 'angular2/core';
import {BrowserDomAdapter} from 'angular2/platform/browser';

@Component({
    selector: 'parent',
    providers: [BrowserDomAdapter]
})
export class ParentComponent {
  @ViewChild(Child) child: Child;
  
  constructor(
      el: ElementRef,
      dcl: DynamicComponentLoader,
      browserDomAdapter: BrowserDomAdapter
  ) {
  }
  
  show() {
      this.dcl.loadIntoLocation(Child, this.el, 'dynamicChild')
          .then(containerRef => {
              this.dialogElement = containerRef.location.nativeElement;
              this.browserDomAdapter.appendChild(this.browserDomAdapter.query('body'), this.dialogElement);
          });
  }
  
  hide() {
      this.browserDomAdapter.removeChild(this.browserDomAdapter.query('body'), this.dialogElement);
      this.dialogElement = null;
  }
}

@touqeershafi this doesn't even work for angular2 anymore, because it was written for a very early version of it.