X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fvorgang%2Fvorgang.component.html;fp=src%2Fapp%2Fvorgang%2Fvorgang.component.html;h=0a2710739697acc6bc2732aadb9b65624eeff0b4;hb=28bda4db7661a99758eef1b832d5d39da7766d2a;hp=b45d10d2da236b915e1793e58f4cb606d4d3a181;hpb=a232212e2aff197d3aea92194f83f76a241c3559;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/vorgang/vorgang.component.html b/src/app/vorgang/vorgang.component.html
index b45d10d..0a27107 100644
--- a/src/app/vorgang/vorgang.component.html
+++ b/src/app/vorgang/vorgang.component.html
@@ -1,7 +1,11 @@
-<button id="increment" (click)="increment()">Increment</button>
+<div id="vorgang-component">
+  <h4><label for="vorgang-box">Vorgang</label></h4>
 
-<div>Vorgang: <span id="vorgang">{{ vorgang$ | async }}</span></div>
+  <input #vorgangBox id="vorgang-box" (input)="create(vorgangBox.value)" />
 
-<button id="decrement" (click)="decrement()">Decrement</button>
-
-<button id="reset" (click)="reset()">Reset Counter</button>
+  <ul class="vorgang-result">
+    <li *ngFor="let vorgang of vorgang$ | async" >
+      {{vorgang}}
+    </li>
+  </ul>
+</div>