ionic2
modals

Använda modeller

Modeller glider in från skärmen för att visa ett tillfälligt användargränssnitt, som ofta används för inloggnings- eller registreringssidor, meddelandekomposition och val av alternativ.

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();
  }
}

OBS: En modal är ett innehållsruta som går över användarens nuvarande sida.

Vidarebefordra data genom en modal

Data kan överföras till en ny modal via Modal.create() som det andra argumentet. NavParams kan sedan nås från den öppnade sidan genom att injicera NavParams . Observera att sidan, som öppnades som en modal, inte har någon speciell "modal" logik inuti, men använder NavParams inte annorlunda än en standardsida.

Första sidan:

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

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

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

}

Andra sidan:

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

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

}