Ionic - Показывать всплывающие окна на разных экземплярах одного и того же компонента одновременно

Question

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

Как насчет хорошего способа сделать это?Есть ли правильный ионный компонент?

Answer 1

Вы можете достичь этого, используя Modal Controller.Вот несколько советов:

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

@Component(...)
class HomePage {

 constructor(public modalCtrl: ModalController) {

 }

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

}

@Component(...)
class Profile {

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

}

В файле profile-page.scss:

page-profile {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(217, 222, 230, 0.74);
  ion-content {
    background-color: transparent !important;
  }
  .scroll-content {
        display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
  }
}