X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tutorial;a=blobdiff_plain;f=src%2Fapp%2Fproduct-list%2Fproduct-list.component.html;fp=src%2Fapp%2Fproduct-list%2Fproduct-list.component.html;h=91c9aeaf7d4916e6c315411b33e3b7f057c613e4;hp=0000000000000000000000000000000000000000;hb=951fb792a342f38bea1760c5104e9f844ac7d49c;hpb=53ed70c0d83f8894bd8410b56a8913a7b9dbfd6a

diff --git a/src/app/product-list/product-list.component.html b/src/app/product-list/product-list.component.html
new file mode 100644
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>