Angular 7.x.x滚动到片段的最简单方式？

<div #targetElement>
  <!-- 目标元素的内容 -->
</div>
<button (click)="scrollToElement()">滚动到目标元素</button>

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  @ViewChild('targetElement') targetElement: ElementRef;

  scrollToElement() {
    this.targetElement.nativeElement.scrollIntoView({ behavior: 'smooth' });
  }
}