ionic2
модальности

Использование модалов

Модальные слайды выходят за пределы экрана, чтобы отображать временный интерфейс, часто используемый для входа или регистрации страниц, составления сообщений и выбора опций.

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

ПРИМЕЧАНИЕ. Модаль - это область содержимого, которая просматривает текущую страницу пользователя.

Передача данных через Modal

В качестве второго аргумента данные могут быть переданы новому Modal.create() через Modal.create() . Затем данные можно получить с открытой страницы, введя NavParams . Обратите внимание, что страница, открытая как модальная, не имеет в ней специальной «модальной» логики, но использует NavParams не иначе, как стандартную страницу.

Первая страница:

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

export class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

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

}

Вторая страница:

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

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

}