如何获取angular2组件的父DOM元素引用

import { Component, ElementRef, ViewChild } from '@angular/core';

@Component({
  selector: 'app-child-component',
  template: '<div #parentElementRef></div>',
})
export class ChildComponent {
  @ViewChild('parentElementRef', { read: ElementRef }) parentElementRef: ElementRef;
}

<div>
  <app-child-component></app-child-component>
  <div #parentElementRef></div>
</div>

import { Component, ElementRef, ViewChild } from '@angular/core';

@Component({
  selector: 'app-parent-component',
  template: '<app-child-component></app-child-component>',
})
export class ParentComponent {
  @ViewChild('parentElementRef', { read: ElementRef }) parentElementRef: ElementRef;

  ngAfterViewInit() {
    console.log(this.parentElementRef.nativeElement);
  }
}