如何在角度爲2+的元素上調用scrollIntoView

Question

我想在組件中的HTML元素上調用scrollIntoView。

在angular.js 1，我可以做這樣的事情在控制器：

var element = $window.document.getElementById(id); 
element.scrollIntoView({ behavior: "smooth", block: "start" }); 

我怎樣才能做到在角2+是一回事嗎？上它

<p #myElem>Scroll to here!</p> 

然後創建與屬性ViewChild的成分的屬性，並調用.nativeElement.scrollIntoView：

Answer 1

首先添加模板參考變量中的元素（#myElem）

export class MyComponent { 
    @ViewChild("myElem") MyProp: ElementRef; 

    ngOnInit() { 
    this.MyProp.nativeElement.scrollIntoView({ behavior: "smooth", block: "start" }); 
    } 
}