javascript如何在Ionic 4中向选项卡添加模式？

Question

我正在学习本教程：https://www.freakyjolly.com/ionic-4-how-to-use-ionic-modal-popovers-and-pass-data-and-receive-response/

这就是我所做的

1）创建了一个新页面“prd模式页面”

ionic g page prd-modal

(二) 然后在表2中。单元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不在了。它完全被情态及其内容所取代

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

Answer 1

我也遇到过同样的问题，以下是解决方法：

1-从“…”中删除导入{PrdModalPageModule}/珠三角模式/珠三角模式。模块'来自表2。单元ts

2-仍在表2中。单元ts添加从“…”导入{PrdModalPage}/珠三角模式/珠三角模式。页面'至选项卡2。单元ts

3-仍在表2中。单元ts将PrdModalPage添加到声明数组中

4-在你的标签路由器文件中添加从“…”导入{PrdModalPage}/珠三角模式/珠三角模式。页面'

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

{
    path: 'prdModalPage',
    component: PrdModalPage
}

到路由数组