ionic2
Moduły
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