Remove product module when standalone

Author: DeborahK

APM-Final-v16/src/app/app.config.ts

@@ -1,15 +1,12 @@
-import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { BrowserModule } from '@angular/platform-browser';
-import { ProductModule } from './products/product.module';
+import { provideHttpClient } from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    importProvidersFrom(BrowserModule, ProductModule),
-    provideHttpClient(withInterceptorsFromDi()),
-    provideRouter(routes) 
+    provideHttpClient(),
+    provideRouter(routes)
   ]
 };

APM-Final-v16/src/app/app.routes.ts

@@ -4,5 +4,9 @@ import { WelcomeComponent } from './home/welcome.component';
 export const routes: Routes = [
   { path: 'welcome', component: WelcomeComponent },
   { path: '', redirectTo: 'welcome', pathMatch: 'full' },
-  { path: '**', redirectTo: 'welcome', pathMatch: 'full' }
+  {
+    path: 'products',
+    loadChildren: () => import('./products/product.routes').then(r => r.PRODUCT_ROUTES)
+  },
+  { path: '**', redirectTo: 'welcome', pathMatch: 'full' },
 ];

APM-Final-v16/src/app/products/product.module.ts

@@ -0,0 +1,12 @@
+import { Routes } from "@angular/router";
+import { ProductDetailComponent } from "./product-detail.component";
+import { ProductDetailGuard } from "./product-detail.guard";
+import { ProductListComponent } from "./product-list.component";
+
+export const PRODUCT_ROUTES: Routes = [
+  { path: '', component: ProductListComponent },
+  {
+    path: ':id',
+    canActivate: [ProductDetailGuard],
+    component: ProductDetailComponent
+  }];