ionic2
Modales

Usando Modales

Los modales se deslizan fuera de la pantalla para mostrar una IU temporal, que a menudo se usa para páginas de inicio de sesión o registro, composición de mensajes y selección de opciones.

import { ModalController } from 'ionic-angular';
import { ModalPage } from './modal-page';

export class MyPage {
  constructor(public modalCtrl: ModalController) {
  }

  presentModal() {
    let modal = this.modalCtrl.create(ModalPage);
    modal.present();
  }
}

NOTA: Un modal es un panel de contenido que recorre la página actual del usuario.

Pasando datos a través de un modal

Los datos se pueden pasar a un nuevo modal a través de Modal.create() como segundo argumento. Se puede acceder a los datos desde la página abierta inyectando NavParams . Tenga en cuenta que la página, que se abrió como modal, no tiene una lógica "modal" especial dentro de ella, pero utiliza NavParams diferente a una página estándar.

Primera página:

import { ModalController, NavParams } from 'ionic-angular';

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

 presentProfileModal() {
   let profileModal = this.modalCtrl.create(Profile, { userId: 8675309 });
   profileModal.present();
 }

}

Segunda pagina:

import { NavParams } from 'ionic-angular';
export class Profile {

 constructor(params: NavParams) {
   console.log('UserId', params.get('userId'));
 }

}