我们在模板中说：

...
<some-comp #someComp></some-comp>
...

并获得此参考：

import { SomeComponent } from './some-comp/some-comp.component';
...
@ViewChild('someComp') someComp: SomeComponent;
...
ngOnInit() {
// this.someComp.nativeElement? <-- how to get nativeElement?
}

我试图这样做的原因是通过使用HTMLElement的scrollTo函数自动滚动到该子组件的位置,将视图集中到该子组件.(参见How to scroll element into view when it’s clicked)

我可以通过给那个子组件提供id并使用document.getElementById()来检索它,但我想知道是否有办法使用模板引用变量或任何角度方式来做到这一点.

提前致谢！