1

Ich habe diese Tabelle, den Teil von TableComponent ist: von MyComponent und blättern nach oben Komponentevon einer Komponente Trigger Scroll nach oben Elemente in einer anderen Komponente

<table class="th-tracker-table th-environmental-table" #trackerTable> 

ich darauf zugreifen will, wenn swapProjectsGroups() Methode ist ausgelöst

export class MyComponent { 

    @ViewChild("#trackerTable") trackerTable: ElementRef; 

    public swapProjectsGroups() { 
     this.trackerTable.nativeElement.scrollTo(0,0); //Error: Cannot read property 'scrollTo' of undefined 
    } 
} 

Aber ich Cannot read property 'scrollTo' of undefined, bin ich etwas fehlt nativeElement zu initialisieren?

Was ist der angular2 Weg, dies zu erreichen?

Antwort

0

Ich denke, Sie können es nicht mit Vorlagenvariable tun. Versuchen Sie, Ihre Tabelle in eine Komponente zu wickeln und dann

@ViewChild(YourComponent) _yourComponent: YourComponent; 

daran erinnern, dass _yourComponent in ngAfterViewInit Ereignis zuerst verfügbar ist.

+0

es scheint, ich brauchte nativeElement hinzuzufügen: this.trackerTable.nativeElement.scrollTo (0,0); b aber jetzt bekomme ich Kann Eigenschaft 'nativeElement' von undefined nicht lesen – commonSenseCode

+0

this.trackerTable.nativeElement.scrollTop = 0; und erinnern Sie sich daran, in welchem ​​Lebenszyklusereignis Sie den Anruf auslösen. – kit

0

Versuchen Sie folgendes: @ViewChild("trackerTable") trackerTable: TableComponent;

Verwandte Themen