离子4中未显示模态框答案

【问题标题】：Modal box not showing in ionic 4离子4中未显示模态框
【发布时间】：2019-02-24 10:29:50
【问题描述】：

ionic 4中的模态框打开问题。根本没有打开，也没有错误。需要帮忙。

我正在使用 ionic 4 编写一个混合 android 应用程序。在早期版本的 ionic 中，打开模态框很容易。我现在在 ionic 4 中面临模态框打开问题。 ModalController 也被导入，控制器也配置正确。

控制器

constructor(private nav: NavController, public http: Http, public modalCtrl: ModalController) {}

模态开码

async openModal() {
    const modal = await this.modalCtrl.create({
        component: GRPSearchModalPage
    });

    await modal.present();
}

以下是来自 GRPSearchModalPage 的完整代码

import { Component, OnInit } from '@angular/core';
import { NavParams, ModalController  } from '@ionic/angular';
@Component({
selector: 'app-grpsearch-modal-page',
templateUrl: './grpsearch-modal-page.component.html',
styleUrls: ['./grpsearch-modal-page.component.scss']
})

export class GRPSearchModalPageComponent implements OnInit 
{
  constructor( private navParams: NavParams, public modalCtrl:
  ModalController ) { }

ngOnInit() { }

closeModal() {
 this.modalCtrl.dismiss();
}
}

【问题讨论】：

确保 GRPSearchModalPage 在你的 NgModule 中声明，并检查你的函数 openModal 是否被调用。
嗨@StephanStrate 感谢您的帮助。我也在 NgModule 中声明了 GRPSearchModalPage。 openModal() 方法也被调用。我尝试添加 console.log() 作为第一条语句来打印一些文本来确认它。无法显示模态框。
你是如何声明 GRPSearchModalPage 的？尝试为您的问题添加更多上下文
我使用命令 ionic generate component GRPSearchModalPage 创建这个模态页面作为组件。在 app.module.ts 我添加了必需的导入语句，然后也在 @NgModule({ })
听起来不错，请在您的问题中添加更多代码 sn-ps。例如，您将 GRPSearchModalPage 添加到 NgModule

标签： ionic-framework ionic4

【解决方案1】：

在 app.module.ts 中导入组件后，确保将其添加到 declarations 和 entryComponents 数组中。

app.module.ts

...

import { GRPSearchModalPageComponent } from 'YOUR_COMPONENT_DIRECTORY';

@NgModule({
  declarations: [AppComponent, GRPSearchModalPageComponent],
  entryComponents: [GRPSearchModalPageComponent],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,
    HttpClientModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

【讨论】：

我通常忘记将它添加到 entryComponents 数组中。