訪問…子組件的父元素的父元素的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您的元素。