Javascript 如何将模态添加到Ionic 4中的选项卡？

我将遵循本教程：

这就是我所做的

1） 创建了一个新页面“prd modal.Page”

(二) 然后在tab2.module.ts中：

import { PrdModalPageModule } from '../prd-modal/prd-modal.module';
@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    PrdModalPageModule,
    RouterModule.forChild([{ path: '', component: Tab2Page }]),
  ],
  declarations: [Tab2Page]
})

3） 单击标记时调用模态

addMarker(){
..
        this.map.addMarker(markerOptions).then(marker => {
            marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe((data) => {
                console.log("daata"+data);
                alert(data);
                this.openModal();
            });     
        });
}

然而，当我加载我的应用程序时，我的整个tab 2已经位于tab 2内容的顶部（我在tab 2上有一个地图）。我试着调试它，我的整个选项卡2被模式替换了..这意味着我的选项卡2不再存在。它完全被情态及其内容所取代

---

我真的不知道我哪里出错了。非常感谢您的帮助

我遇到了同一个问题，以下是您解决问题的方法：

1-从“../prd modal/prd modal.module”中删除导入{PrdModalPageModule}来自表2.module.ts

2-仍在选项卡2.module.ts中添加从“../prd modal/prd modal.page”导入{PrdModalPage}至表2.module.ts

3-仍在选项卡2.module.ts中将PrdModalPage添加到声明数组中

4-在选项卡路由器文件中添加从“../prd modal/prd modal.page”导入{PrdModalPage}

5-仍在选项卡路由器文件中添加

{
    path: 'prdModalPage',
    component: PrdModalPage
}

---

到routes数组

我在同一个问题中运行过，以下是解决方法：

1-从“../prd modal/prd modal.module”中删除导入{PrdModalPageModule}来自表2.module.ts

2-仍在选项卡2.module.ts中添加从“../prd modal/prd modal.page”导入{PrdModalPage}至表2.module.ts

3-仍在选项卡2.module.ts中将PrdModalPage添加到声明数组中

4-在选项卡路由器文件中添加从“../prd modal/prd modal.page”导入{PrdModalPage}

5-仍在选项卡路由器文件中添加

{
    path: 'prdModalPage',
    component: PrdModalPage
}

到路由数组