访问.的父或母的html元素。子组件

Question

我的代码语句如下所示：

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

如何访问子组件的祖先的HTML元素(我的父组件位于树的顶端)？

我尝试过使用suggested @Host方法，但似乎我得到的是Host的副本，而不是父根元素。

对于上述语句，我们有更好的语法吗？

Answer 1

在html中放置#reference

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

然后在您的组件中：

​

@ViewChild('yourParentEl') parent: any;

​

在this.parent中有你的元素。