title: Ionic2 and Angular2 data binding using $event.target.value
body: <p>I have a requirement to open a modal on click of input box. Modal contains list of countries with search bar, once modal is open it searches for text picked from input and shows filtered list. Now user can search for different country and select from filtered list, modal closes and value is added to input field. In code,</p>
  
  <pre><code> openCountryPickerModal($event) {
            let modal = this.modalCtrl.create(CountryCodePickerComponent, {"searchValue":$event.target.value});
  
            modal.onDidDismiss(data =&gt; {
                if(data){
                   $event.target.value=data.countrySelected;
                   // Here: the value set to $event.target.value is not updating to input box's model emergencyContactInfo.currentPersonalAddress.country 
                }
            });          
            modal.present();
      }
  </code></pre>
  
  <p>and in template </p>
  
  <pre><code>&lt;ion-input  (click)="openCountryPickerModal($event)"  [(ngModel)]="emergencyContactInfo.currentPersonalAddress.country"  type="text" placeholder="Country" readonly&gt;&lt;/ion-input&gt;
  </code></pre>
  
  <p>Now the problem is, though it appears value is changed in UI, but never updates value to model. Any special reason?</p>
  
  <p>I tried many ways to solve this but nothing works and I appreciate help if any.</p>