Shipping-Component mit Data-Fetch über HTTP
[examples/angular-tutorial] / src / app / app.module.ts
1 import { BrowserModule } from '@angular/platform-browser';
2 import { NgModule } from '@angular/core';
3 import { RouterModule } from '@angular/router';
4 import { HttpClientModule } from '@angular/common/http';
5
6 import { AppComponent } from './app.component';
7 import { TopBarComponent } from './top-bar/top-bar.component';
8 import { ProductListComponent } from './product-list/product-list.component';
9 import { ProductDetailsComponent } from './product-details/product-details.component';
10 import { ProductAlertsComponent } from './product-alerts/product-alerts.component';
11 import { CartComponent } from './cart/cart.component';
12 import { ShippingComponent } from './shipping/shipping.component';
13
14 @NgModule({
15   declarations: [
16     AppComponent,
17     TopBarComponent,
18     ProductListComponent,
19     ProductDetailsComponent,
20     ProductAlertsComponent,
21     CartComponent,
22     ShippingComponent
23   ],
24   imports: [
25     BrowserModule,
26     HttpClientModule,
27     RouterModule.forRoot([
28       { path: '', component: ProductListComponent },
29       { path: 'products/:productId', component: ProductDetailsComponent },
30       { path: 'cart', component: CartComponent },
31       { path: 'shipping', component: ShippingComponent }
32     ])
33   ],
34   providers: [],
35   bootstrap: [AppComponent]
36 })
37 export class AppModule { }