13. Routing, lazy loading, guards and resolvers

export const routes: Routes = [
  { path: "", component: Home },
  { path: "orders", loadComponent: () => import("./orders/order-list").then(m => m.OrderList) },     // lazy component
  { path: "admin", canActivate: [authGuard], canMatch: [adminGuard],
    loadChildren: () => import("./admin/admin.routes").then(m => m.ADMIN_ROUTES) },                  // lazy route group
  { path: "orders/:id", component: OrderDetail, resolve: { order: orderResolver } },
  { path: "**", component: NotFound },
];

export const authGuard: CanActivateFn = () =>
  inject(AuthService).isLoggedIn() ? true : inject(Router).createUrlTree(["/login"]);

export const orderResolver: ResolveFn<Order> = route =>
  inject(OrderService).get(Number(route.paramMap.get("id")));

<a routerLink="/orders" routerLinkActive="active">Orders</a>
<a [routerLink]="['/orders', o.id]" [queryParams]="{ tab: 'lines' }">Open</a>
<router-outlet />