Блог

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

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

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

  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>
  

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

я нашел проблему , проблема в том , что global scss

скорее всего, следует добавить эту строку в глобальный scss

 .modal {
display: flex !important;
}
  

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

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

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

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