首页 > 解决方案 > 如何从父组件获取对投影 HTML 元素的引用?

问题描述

内部父组件:

<app-parent>
   <div class="projection"></div>
</app-parent>

如何在里面获取对 HTMLElement 的引用app-parent-component

结果我需要获取 DOM element <div class="projection"></div>

标签: angular

解决方案


html:

<div #projection class="projection"></div>

Javascript:

@ViewChild('projection') projection: ElementRef<HTMLDivElement>;

ngOnInit() {
  console.log(this.projection.nativeElement);
}

推荐阅读