ionic 4 модальный контроллер не работает

Question

l использовал диалог модального контроллера для для Ionic 4 , чтобы получить параметры с другой страницы. я сделал кодирование правильно, и когда я нажимаю кнопку для запуска модального контроллера, он не отображается. даже я добавил страницу модели в объявлениях и entryComponents, но, к сожалению, та же проблема

Вы можете видеть в журнале консоли изображения, что он выводит параметры данных из другого объекта, уже не имеющего кнопки «Выполнить», чтобы сделать это. он выглядит как настоящий модальный контроллер автоматического.

код для модального контроллера

 async addWeather(){

    const AddWeatherModal = await this.modalController.create({
      component: AddPagePage,

    });
    await AddWeatherModal.present()
    await  AddWeatherModal.onDidDismiss().then((r) => {

          if(r.data.result){
            this.getWeather(r.data.result)
             console.log(r)
          }else if (r.data.result ==""){
            this.AlertNotSelected()

            console.log("No Data . ")
          }


    });

  }

HTML

<ion-header>

  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button autoHide="true"></ion-menu-button>

    </ion-buttons>
    <ion-buttons slot="primary">
      <ion-button (click)="addWeather()">
        <ion-icon slot="icon-only" name="search"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title text-center>محطات الرصد الجوي</ion-title>
  </ion-toolbar>



</ion-header>

<ion-content >

</ion-content>

любая помощь, пожалуйста?

Answer 1

l обнаружена проблема, проблема с global scss

, большинство можно добавить эту строку в глобальном scss

.modal {
display: flex !important;
}

Стили начальной загрузки 4 имеют определение модального класса и отображения поворотовпо умолчанию нет.сейчас он работает нормально.

Answer 2

Я думаю, что это должно работать:

const AddWeatherModal = this.modalController.create({
      component: AddPagePage,

    });
AddWeatherModal.then((modal) => modal.present());