Angular4/typescript - onclick滚动到页面底部

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

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="scrollToBottom()">Scroll to Bottom</button>
  `
})
export class MyComponent {
  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}

  scrollToBottom() {
    const element = this.elementRef.nativeElement;
    this.renderer.setProperty(element, 'scrollTop', element.scrollHeight);
  }
}