如何在Angular中动态滚动<textarea>？

<textarea #myTextarea></textarea>

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

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

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements AfterViewInit {
  @ViewChild('myTextarea') myTextarea: ElementRef;

  ngAfterViewInit() {
    this.myTextarea.nativeElement.scrollTop = 10000;
  }
}