访问…子组件的父元素的父元素的html元素

Question

我的代码语句如下所示：

 this.elRef.nativeElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.scrollTo(0, 0);

如何访问子组件的祖先的HTML元素（我的父代在树的顶部）？

我尝试使用建议的@Host方法，但似乎正在获取Host组件的副本，而不是父根元素。

对于上面的语句，我们是否有更好的语法？

Answer 1

在您的html中放入#reference

<html-tag-element #yourParentEl></html-tag-element>

然后在您的组件中：

 @ViewChild('yourParentEl') parent: any; 

并且您在this.parent您的元素。