ionic2
Modals

Modals verwenden

Modals werden auf dem Bildschirm angezeigt, um eine temporäre Benutzeroberfläche anzuzeigen, die häufig für Anmelde- oder Anmeldeseiten, Nachrichtenzusammensetzung und Auswahl von Optionen verwendet wird.

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

HINWEIS: Ein Modal ist ein Inhaltsbereich, der über die aktuelle Seite des Benutzers geleitet wird.

Daten durch einen Modal weiterleiten

Daten können über Modal.create() als zweites Argument an ein neues Modal Modal.create() . Auf die Daten kann dann von der geöffneten Seite aus durch NavParams von NavParams . Beachten Sie, dass die Seite, die als Modal geöffnet wurde, keine spezielle "Modal" NavParams , NavParams nicht anders als eine Standardseite verwendet.

Erste Seite:

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

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

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

}

Zweite Seite:

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

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

}