Zugang html Element der Eltern von Eltern von ... das Kind Komponente

Question

Mein Code-Anweisung wie folgt aussieht:

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

Wie könnte ich ein HTML-Element eines Vorfahren des Kindes Komponente (meine Eltern Zugang ist die Spitze des Baumes)?

Ich versuchte mit suggested @Host Methode, aber scheint, als ob ich die Kopie der Host-Komponente, nicht das Elternstammelement bekommen.

Haben wir eine bessere Syntax für die obige Aussage?

Answer 1

in Ihrem HTML setzen #reference

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

dann in Ihrer Komponente:

@ViewChild('yourParentEl') parent: any;

und Sie haben in this.parent Ihrem Element.