Szukaj…


Korzystanie z modałów

Moduły przesuwają się poza ekran, aby wyświetlić tymczasowy interfejs użytkownika, często używany do stron logowania lub rejestracji, składu wiadomości i wyboru opcji.

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

UWAGA: Modal to okienko zawartości, które przechodzi nad bieżącą stroną użytkownika.

Przekazywanie danych przez moduł

Dane można przekazać do nowego modalu za pośrednictwem Modal.create() jako drugiego argumentu. Dostęp do danych można następnie uzyskać z otwartej strony przez wstrzyknięcie NavParams . Zauważ, że strona, która została otwarta jako modal, nie ma w sobie żadnej specjalnej logiki „modalnej”, ale używa NavParams nie inaczej niż standardowa strona.

Pierwsza strona:

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

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

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

}

Druga strona:

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

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

}


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow