Angular2：获取组件内部html元素的引用，然后滚动到该html元素的顶部

Question

我在TableComponent：

中有这张表

<table #trackerTable>

我想在发生某些事情时滚动到顶部，所以我尝试在TableComponent内部引用它：

@ViewChild("trackerTable") trackerTable;

当触发myMethod()时，我尝试scrollTo(0,0)：

public myMethod() {
    this.trackerTable.scrollTo(0,0); //  TypeError: this.trackerTable.scrollTo is not a function
}

但我收到错误：TypeError: this.trackerTable.scrollTo is not a function

Answer 1

需要将ElementRef添加到字段中的字段和nativeElement，并为可能需要它的人留下答案：

@ViewChild("trackerTable") trackerTable: ElementRef;


public myMethod(): void {
    this.trackerTable.nativeElement.scrollTop = 0;

}