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

在Angular 2中，要获取组件内HTML元素的引用并将其滚动到顶部，可以使用ViewChild装饰器和ElementRef类来实现。

首先，在组件类中导入ViewChild和ElementRef：

import { Component, ViewChild, ElementRef } from '@angular/core';

然后，在组件类中使用ViewChild装饰器来获取HTML元素的引用。假设要获取一个具有“myElement”标识的HTML元素，可以在组件类中添加以下代码：

@ViewChild('myElement') myElementRef: ElementRef;

接下来，在组件的生命周期钩子函数ngAfterViewInit中，可以使用myElementRef来访问和操作HTML元素。在ngAfterViewInit中，HTML元素已经被渲染并且可以被访问。

ngAfterViewInit() {
  // 滚动到HTML元素顶部
  this.myElementRef.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}

在上述代码中，scrollIntoView方法用于将HTML元素滚动到可见区域。通过设置behavior为'smooth'，滚动效果会平滑进行；通过设置block为'start'，HTML元素会滚动到视口的顶部。

需要注意的是，要使用ViewChild装饰器和ElementRef类，需要在组件类的构造函数中注入ElementRef。例如：

constructor(private elementRef: ElementRef) { }

这样，就可以在组件中获取HTML元素的引用并将其滚动到顶部了。

关于Angular 2的更多信息和相关概念，可以参考腾讯云的Angular产品文档：

Angular产品介绍