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

Question

我的代码语句如下所示：

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

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

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

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

Answer 1

在你的html put #reference

中

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

然后在你的组件中：

@ViewChild('yourParentEl') parent: any;

你在this.parent你的元素。