私の弾性イオンテキストエリアに長いテキストを入力すると、スクロール中に自動的にスクロールします

Question

<ion-textarea fz-elastic 

     [(ngModel)]="addMe"> 

    </ion-textarea> 

もし長いテキストをペーストしているのであれば、1000ワードとして貼り付けてからスクロールしますページの下部が貼り付けられたテキストの最後の点を表示するだけで、ページが自動的にスクロールします。私が下にスクロールすることを許可していないようです。

Answer 1

これは私が使用されるHTMLコードです：

<textarea #myInput id="myInput" rows="1" placeholder="Share" [(ngModel)]="addMe" (keyup)="resize()"> 
     </textarea> 

後は、JSコードで、

import { Component, ViewChild, ElementRef } from '@angular/core'; 
     @ViewChild('myInput') myInput: ElementRef; 
//Resize function is increasing the Size of text area, as our text is increasing 
     resize() { 
      this.myInput.nativeElement.style.height = 
      this.myInput.nativeElement.scrollHeight + 'px'; 
     } 

Answer 2

ion-textareaはion-itemですか？これは、テキストエリアを使用せずにさまざまな方法でコンポーネントを分解するので、このトリックを行うことができます。