To configure the Router
, we pass the with*
feature provider factories to the provideRouter
function. The first argument passed must be Routes
while subsequent arguments are 0..n router features, for example:
// main.ts
import { enableProdMode } from "@angular/core";
import { bootstrapApplication } from "@angular/platform-browser";
import { PreloadAllModules, provideRouter, Routes, withPreloading, withRouterConfig } from "@angular/router";
import { AboutComponent } from "./app/about.component";
import { AppComponent } from "./app/app.component";
import { HomeComponent } from "./app/home.component";
import { environment } from "./environments/environment";
if (environment.production) {
enableProdMode();
}
const routes: Routes = [
{
path: "",
pathMatch: "full",
redirectTo: "home",
},
{
path: "home",
component: HomeComponent,
},
{
path: "about",
component: AboutComponent,
},
];
bootstrapApplication(AppComponent, {
providers: [
provideRouter(
routes,
withPreloading(PreloadAllModules),
withRouterConfig({
onSameUrlNavigation: "reload",
})
),
],
}).catch((err) => console.error(err));