Product-List aus Tutorial übernommen (direkt mit Erweiterungen)

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

diff --git a/src/app/product-list/product-list.component.html b/src/app/product-list/product-list.component.html
new file mode 100644 (file)
index 0000000..91c9aea
--- /dev/null
+++ b/src/app/product-list/product-list.component.html
@@ -0,0 +1,14 @@
+<h2>Products</h2>
+
+<div *ngFor="let product of products, index as productId">
+
+  <h3>
+     <a [title]="product.name + ' details'" [routerLink]="['/products',productId]"> {{ product.name }} </a>
+  </h3>
+  <p *ngIf="product.description"> <em>Description: </em> {{ product.description }} </p>
+  <p> <strong>{{ product.price }} €</strong> </p>
+
+  <button (click)="share()">
+    Share
+  </button>
+</div>