如何从组件访问父HTML元素？

Question

就像问题一样 - 我有一个子组件，我想知道父元素的宽度是多少。我怎么能这样做？

Answer 1

注入元素本身：

constructor(private elRef: ElementRef){}

访问本机元素parent：

ngOnInit() {
  console.log(this.elRef.nativeElement.parentElement);
}

Answer 2

Angular2指南有一整章关于组件通信，以涵盖这样的场景。 https://angular.io/docs/ts/latest/cookbook/component-communication.html

Answer 3

您可以通过查找this.elRef.closest和与之匹配的选择器来访问最接近的父DOM元素

constructor(private elRef: ElementRef){}

ngOnInit() {
   const parentElement = this.elRef.closest('.parent-element-class')
}