How to set text at insertion point in input

#1

Hello,
I tried to set text at insertion point in input. That is my code!

– HTML –

<button ion-button full (click)="clickBtn()"> ABC </button>

<ion-item>

<ion-label fixed> Username </ion-label>

<ion-input type="text" [(ngModal)]="userName"></ion-input>

</ion-item>

– TS –

userName: any;

clickBtn(){
   this.userName += "ABC";
}

– Image –

Screenshot%202018-08-14%2011%3A32%3A16

– Please Help –