title: How do I in ionic 2 pass data from a modal with a form on, to the home page?
body: <p>Hi there can anyone help out. I am new to Ionic and Angular. I am trying to create a weather app in Ionic 2. 
  I have created a Home page with a Click event calling an AddWeather() function.
  The function opens up a modal with a form attached. I am trying to pass data from the form on the modal back to the home page an output on the screen. I have tried ngModel but can't seem to get it working correctly. </p>
  
  <p>Here is my Code: (home.ts)</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { NavController, ModalController, NavParams } from 'ionic-angular';
  import { AddPage } from '../add/add';
  
  @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
  })
  export class HomePage {
  
    public weatherList = [];
    constructor(public navCtrl: NavController, public modalCtrl: ModalController) {
  
  }
  
  addWeather() {
      let addWeatherModal = this.modalCtrl.create(AddPage);
  
  
      addWeatherModal.present();
    }
  }
  </code></pre>
  
  <hr>
  
  <pre><code>(add.html)
  
  &lt;ion-header&gt;
    &lt;ion-navbar color="weatherbru"&gt;
      &lt;ion-title&gt;Modal&lt;/ion-title&gt;
      &lt;ion-buttons end&gt;
          &lt;button ion-button icon-only (click)="CloseModal()"&gt;&lt;ion-icon name="close"&gt;&lt;/ion-icon&gt;&lt;/button&gt;
      &lt;/ion-buttons&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content padding&gt;
      &lt;form&gt;
          &lt;ion-item&gt;
              &lt;ion-label stacked&gt;City&lt;/ion-label&gt;
              &lt;ion-input type="text" &gt;&lt;/ion-input&gt;
          &lt;/ion-item&gt;
          &lt;ion-item&gt;
              &lt;ion-label stacked&gt;Country&lt;/ion-label&gt;
              &lt;ion-select &gt;
                  &lt;ion-option value="us"&gt;United States&lt;/ion-option&gt;
                  &lt;ion-option value="uk"&gt;United Kingdom&lt;/ion-option&gt;
              &lt;/ion-select&gt;
          &lt;/ion-item&gt;
          &lt;button ion-button block (click)="CloseModal()"&gt;Add Weather&lt;/button&gt;
      &lt;/form&gt;
  &lt;div padding&gt;
  &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>(add.ts)
  
  import { Component } from '@angular/core';
  import { ModalController } from 'ionic-angular';
  import { NavController, NavParams, ViewController } from 'ionic-angular';
  
  @Component({
    selector: 'page-add',
    templateUrl: 'add.html'
  })
  export class AddPage {
  
    constructor(public viewCtrl: ViewController, public navCtrl: NavController, public navParams: NavParams) {}
  
  
  CloseModal() {
  
    this.viewCtrl.dismiss();
   }
  
  }
  </code></pre>