Как установить rootPage в IONIC 4 - PullRequest
Новая
       19

Как установить rootPage в IONIC 4

0 голосов
/ 13 февраля 2019

Это то, что у меня есть сейчас, и я действительно не могу найти правильный ответ на мой вопрос, который я искал повсюду, так что, может быть, кто-то, кто знает, может мне помочь ?.Как мне установить RootPage как в ionic 3 в Ionic 4, потому что я попробовал все, и это то, что осталось при попытке 

import {Component, ViewChild} from '@angular/core';
import {NavController, Platform} from '@ionic/angular';
import {SplashScreen} from '@ionic-native/splash-screen/ngx';
import {StatusBar} from '@ionic-native/status-bar/ngx';
import {Router} from '@angular/router';
import {GettingStartedPage} from './getting-started/getting-started.page';

@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
})

export class AppComponent {
@ViewChild(NavController) nav: NavController;
rootPage;


constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private NavCtrl: NavController) {
    this.initializeApp();
}

// Eindigt constructor

initializeApp() {
    this.platform.ready().then(() => {
        this.splashScreen.hide();
        // set status bar naar onze app kleur
        this.statusBar.backgroundColorByHexString('#E84B56');
    });
}

openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.rootPage.navigateRoot('/getting-started');

}
}

Ответы [ 2 ]

0 голосов
/ 31 мая 2019

Надеюсь, вам поможет следующее: 

constructor(private nav: NavController){}

private setRoot(){
  this.nav.navigateRoot('/getting-started');
}
0 голосов
/ 14 февраля 2019

Начиная с Ionic 4 вы используете Angular Routing.Если вы хотите, чтобы /getting-started была вашей корневой страницей, зайдите в app-routing.module.ts и отредактируйте маршруты.Если у вас его нет, создайте маршрут, который указывает на вашу страницу, и перенаправьте его с path: '' на /getting-started.

, поэтому окончательный app-routing.module.ts может быть: 

const routes: Routes = [
    {path: '', redirectTo: 'getting-startet', pathMatch: 'full'}, //Root Path redirect to your getting-started path
    {path: 'getting-started', loadChildren: './getting-started/getting-started.module#GettingStartedPageModule'}, // when hit the getting-startet path, load the page
];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AppRoutingModule {
}
...