将插入符号/光标移动到文本区域/输入中的结束位置 - Ionic 3，Angular2+

Question

当我使用下面的方法时，光标不会移动到文本区域的末尾(实际上它出现在开头(...所以我无法编辑它...我该如何解决这个问题？

.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

您可以使用DOM 元素的setFocus方法ion-textarea由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();
}