Ionic ElementRef 访问原生元素

Question

我写了一个指令来自动改变用户输入时 ion-textarea 的高度。但是，改变 ion-textarea 本身的高度是行不通的。我的指令中更改高度的代码：

 adjust(): void {
      console.log(this.element.nativeElement);
        let nativeElement = this.element.nativeElement;
        nativeElement.style.overflow = 'hidden';
        nativeElement.style.height = 'auto';
        nativeElement.style.height = nativeElement.scrollHeight + "px";
    }

我怀疑高度不会改变，因为 this.element.nativeElement 是 ion-textarea（而不是 textarea）。如何访问本机文本区域以更改其高度？

这里有一个 STACKBLITZ 来说明问题。该指令为auto-resize指令，带有ion-textarea的页面为首页。

Answer 1

因此可以在指令的主机侦听器中访问本机文本区域：

@HostListener('input', ['$event.target'])
onInput(textArea: HTMLTextAreaElement): void {
    this.adjust(textArea);
}

在此之后，可以在 adjust() 函数中操作文本区域。