如何在angular中设置文本区域在屏幕负载上的自动高度

<textarea [(ngModel)]="textAreaContent"></textarea>

textarea {
  height: auto;
  overflow: hidden;
  resize: none;
}

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

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

  ngAfterViewInit() {
    this.adjustTextAreaHeight();
  }

  adjustTextAreaHeight() {
    const textAreaElement = this.textArea.nativeElement;
    textAreaElement.style.height = 'auto';
    textAreaElement.style.height = textAreaElement.scrollHeight + 'px';
  }
}

<textarea #textArea (input)="adjustTextAreaHeight()"></textarea>