title: Ionic 3 modal navparams returning undefined
body: <p>So i'm trying to pass a string as a parameter to a Modal (master/detail specifically) and the Modal does open, but the string is returning undefined.</p>
  
  <p>Here is the parent ts:</p>
  
  <pre><code> editReminder(event, data){
      console.log(data);
      let myModal = this.modalCtrl.create(ReminderDetailsPage, data);
      myModal.present();
  }
  </code></pre>
  
  <p>The HTML is displaying a list of reminders using a ngFor (reminder of reminders). This method gets the string like this on html: </p>
  
  <pre><code> &lt;button ion-fab mini class="mini-button" (click)="editReminder($event, reminder)"&gt;
            &lt;ion-icon name="create"&gt;&lt;/ion-icon&gt;
   &lt;/button&gt;
  </code></pre>
  
  <p>If i console.log(data), it returns me the reminder like normal. But when i try to get it on the ReminderDetails modal:</p>
  
  <pre><code>export class ReminderDetailsPage {
  
     EditedReminder: string = this.navParams.get('data');
  </code></pre>
  
  <p>It simply returns undefined. I have imported navParams on both pages as well as declared them in the constructor.</p>