ionic 实现动态高度的textarea

1.首先是在HTML中要有对应的元素：

 

2.就是核心。ts的实现：

//首先是导入

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

创建监听  

@HostListener('input', ['$event.target']) 

onInput(textArea:HTMLTextAreaElement):void {

this.adjust();

}

// ngOnInit():void {

//  setTimeout(() => this.adjust(), 0);

// }

//是实现的核心代码

adjust():void {

const textArea =this.element.nativeElement.getElementsByTagName('textarea')[0];

  textArea.style.overflow ='hidden';

  textArea.style.height ='auto';

  textArea.style.height = textArea.scrollHeight +'px';

}