ionic2
Modals

Uso dei modali

Le modalità scivolano fuori dallo schermo per visualizzare un'interfaccia utente temporanea, spesso utilizzata per le pagine di accesso o di registrazione, la composizione dei messaggi e la selezione delle opzioni.

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: A Modal è un riquadro del contenuto che passa sopra la pagina corrente dell'utente.

Trasmissione dei dati attraverso un modale

I dati possono essere passati a una nuova modale tramite Modal.create() come secondo argomento. È possibile accedere ai dati dalla pagina aperta iniettando NavParams . Si noti che la pagina, che è stata aperta come modale, non ha una speciale logica "modale" al suo interno, ma utilizza NavParams diverso rispetto a una pagina standard.

Prima pagina:

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

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

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

}

Seconda pagina:

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

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

}