WIP

[examples/angular-tour-of-heroes] / src / app / vorgang / vorgang.component.html

diff --git a/src/app/vorgang/vorgang.component.html b/src/app/vorgang/vorgang.component.html
index d5c622f..0a27107 100644 (file)
--- a/src/app/vorgang/vorgang.component.html
+++ b/src/app/vorgang/vorgang.component.html
@@ -1 +1,11 @@
-<p>vorgang works!</p>
+<div id="vorgang-component">
+  <h4><label for="vorgang-box">Vorgang</label></h4>
+
+  <input #vorgangBox id="vorgang-box" (input)="create(vorgangBox.value)" />
+
+  <ul class="vorgang-result">
+    <li *ngFor="let vorgang of vorgang$ | async" >
+      {{vorgang}}
+    </li>
+  </ul>
+</div>