Input field updated with value after set focus with ngmodel

Ionic Framework ionic-v3
1

Dear All,

The data in an input field is appearing after i have set focus in the input field. Below is the input field from a custom component from which I am getting the data from the @input parameter.

<ion-input class="input-panel-2" 
                       type="text" 
                       name="nid"
                       required
                       minlength="14"
                       [(ngModel)]="employee.nidCardNumber"
                       #nidVar="ngModel"></ion-input>

Can someone advise on this behavior and how to resolve it?

Thanks,
Ashley