Ionic - 在HomePage Load之前需要模态页面

Posted 2021-04-21

我正在使用Ionic 3并需要我的应用程序来选择哪个公司将在其执行开始时工作。我创建了一个模态页面（selCompany）来选择公司并将其存储在本地存储中。这个页面工作正常，但是当我完成选择时，HomePage已经加载了没有选择页面的数据（它已经在完成选择之前加载）。

app.component.ts

let selCompany = this.modalCtrl.create(SelCompany);
selCompany.present();

以同样的方式，我将创建一个登录页面。

如何在选择后加载HomePage？

TKS

答案

将要启动的页面导入app.component.ts文件中的默认/开始页面。

import { YourPageHere } from '../pages/yourpagefolder/yourpagefile';

导入后，将根页面更改为您要首先加载的页面。

export class MyApp {
    //This is where you need to give the name of the page.
    rootPage:any = YourPageHere;

    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
        platform.ready().then(() => {
            // Okay, so the platform is ready and our plugins are available.
            // Here you can do any higher level native things you might need.
            statusBar.styleDefault();
            splashScreen.hide();
        });
    }
}

您现在应该加载模态，并且可以在完成选择后加载其他页面。希望它能帮到你。