Shipping-Component mit Data-Fetch über HTTP

[examples/angular-tutorial] / src / app / shipping / shipping.component.html

diff --git a/src/app/shipping/shipping.component.html b/src/app/shipping/shipping.component.html
new file mode 100644 (file)
index 0000000..72fc2d5
--- /dev/null
+++ b/src/app/shipping/shipping.component.html
@@ -0,0 +1,6 @@
+<h3>Shipping Prices</h3>
+
+<div class="shipping-item" *ngFor="let shipping of shippingCosts | async">
+  <span>{{ shipping.type }}</span>
+  <span>{{ shipping.price | currency }}</span>
+</div>