import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
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';
@NgModule({
declarations: [
AppComponent,
- TopBarComponent
+ TopBarComponent,
+ ProductListComponent,
+ ProductDetailsComponent
],
imports: [
- BrowserModule
+ BrowserModule,
+ RouterModule.forRoot([
+ { path: '', component: ProductListComponent },
+ { path: 'products/:productId', component: ProductDetailsComponent }
+ ])
],
providers: [],
bootstrap: [AppComponent]