Cart-Seite aus Tutorial implementiert

diff --git a/src/app/cart/cart.component.html b/src/app/cart/cart.component.html
index 6bdabc8..222ee9d 100644 (file)
--- a/src/app/cart/cart.component.html
+++ b/src/app/cart/cart.component.html
@@ -1 +1,6 @@
-<p>cart works!</p>
+<h3>Cart</h3>
+
+<div class="cart-item" *ngFor="let item of items">
+  <span>{{ item.name }}</span>
+  <span>{{ item.price | currency }}</span>
+</div>

diff --git a/src/app/cart/cart.component.ts b/src/app/cart/cart.component.ts
index c9276d4..500bd05 100644 (file)
--- a/src/app/cart/cart.component.ts
+++ b/src/app/cart/cart.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { CartService } from '../cart.service';
 
 @Component({
   selector: 'app-cart',
@@ -7,9 +8,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class CartComponent implements OnInit {
 
-  constructor() { }
+  items;
+
+  constructor(private cartService: CartService) { }
 
   ngOnInit() {
+    this.items = this.cartService.getItems();
   }
 
 }