app-routing.module.ts
This file declares all of the top-level routing. Generally the stuff below is what you will want.
``` import { NgModule } from "@angular/core"; import { PreloadAllModules, RouterModule, Routes } from "@angular/router"; const routes: Routes = [ { path: "", redirectTo: "login", pathMatch: "full" }, { path: "login", loadChildren: () => import("../pages/login/login.module").then((m) => m.LoginPageModule), }, { path: "home", loadChildren: () => import("../pages/home/home.module").then((m) => m.HomePageModule), }, ]; @NgModule({ imports: [ RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules }), ], exports: [RouterModule], }) export class AppRoutingModule {} ``` app.component.html ``` ``` app.module.tsTODO:
Need to add all of the commented out jazz to the application.
``` import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouteReuseStrategy } from '@angular/router'; import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; /* import { SplashScreen } from '@ionic-native/splash-screen/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx'; import { OneSignal } from '@ionic-native/onesignal/ngx'; */ @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule], providers: [ /* StatusBar, SplashScreen, OneSignal, */ { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, ], bootstrap: [AppComponent] }) export class AppModule {} ```