import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { TopBarComponent } from './top-bar/top-bar.component';
+import { ProductListComponent } from './product-list/product-list.component';
+import { ProductDetailsComponent } from './product-details/product-details.component';
+import { ProductAlertsComponent } from './product-alerts/product-alerts.component';
+import { CartComponent } from './cart/cart.component';
+import { ShippingComponent } from './shipping/shipping.component';
@NgModule({
declarations: [
AppComponent,
- TopBarComponent
+ TopBarComponent,
+ ProductListComponent,
+ ProductDetailsComponent,
+ ProductAlertsComponent,
+ CartComponent,
+ ShippingComponent
],
imports: [
- BrowserModule
+ BrowserModule,
+ HttpClientModule,
+ RouterModule.forRoot([
+ { path: '', component: ProductListComponent },
+ { path: 'products/:productId', component: ProductDetailsComponent },
+ { path: 'cart', component: CartComponent },
+ { path: 'shipping', component: ShippingComponent }
+ ])
],
providers: [],
bootstrap: [AppComponent]