角2の要素でscrollIntoViewを呼び出す方法

Question

コンポーネントのHTML要素にscrollIntoViewを呼び出したいとします。 angular.js 1では

私は、コントローラにこのような何かを行うことができます。

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

にはどうすればいいの角度2+で同じことを行うことができますか？

Answer 1

まず素子（#myElem）テンプレート参照変数を追加：

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

そして属性ViewChild持つコンポーネントにプロパティを作成し、その上に.nativeElement.scrollIntoViewを呼び出す：

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

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