将插入符/光标移动到文本区域/输入中的最终位置— Ionic 3，Angular2 +

Question

When I use the method below the cursor doesn't move to the end (actually it appears at the beginning) of the textarea... So I can't edit it... How could I solve that?

HTML

 <button ion-button (click)="addText('hello')">
    Text
  </button>

 <ion-textarea [(ngModel)]="model">
 </ion-textarea>    

TS

addText(text) {
    this.model = this.model + text;
  }

Answer 1

You can use the setFocus method of the DOM element ion-textarea queried by a ViewChild :

HTML

<button ion-button (click)="addText('hello')" #modelTextarea>
  Text
</button>

<ion-textarea [(ngModel)]="model">
</ion-textarea>    

TS

@ViewChild('modelTextarea') modelTextarea;
model: string;

addText(text) {
 this.model = this.model + text;
 this.modelTextarea.setFocus();
}