Cursor should move at the end when "Zero"

[FractalMind]

When "CAD $0.00"
People usually click after the $ to INSERT numbers.

The default behavior is after entering 99 is:

990.00 which is wrong because it ADDS numbers when it should INSERT like:
0.99 Because it moved the cursor to the end.

Here's my quick fix
angular 8, ionic 4

  @ViewChild('inputField', {static: true}) inputField: ElementRef;
   ...
  onClickInput() {
    // tslint:disable-next-line:triple-equals
     if (this.value == 0) {
       // tslint:disable-next-line:triple-equals
         if (typeof this.inputField.nativeElement.selectionStart == 'number') {
           this.inputField.nativeElement.selectionStart = this.inputField.nativeElement.selectionEnd = 
           this.inputField.nativeElement.value.length;
           // tslint:disable-next-line:triple-equals
         } else if (typeof this.inputField.nativeElement.createTextRange != 'undefined') {
           this.inputField.nativeElement.focus();
           let range = this.inputField.nativeElement.createTextRange();
           range.collapse(false);
           range.select();
         }
     }
  }