X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tour-of-heroes;a=blobdiff_plain;f=src%2Fapp%2Fhero-search%2Fhero-search.component.html;fp=src%2Fapp%2Fhero-search%2Fhero-search.component.html;h=cce62888acb339f425025e255904c7f6fd681680;hp=0000000000000000000000000000000000000000;hb=b96b10a45927728a8e0c2234f494fb9eebd3df16;hpb=5c525c7b08b4ea57e94f1c8644297de8e443e2da

diff --git a/src/app/hero-search/hero-search.component.html b/src/app/hero-search/hero-search.component.html
new file mode 100644
index 0000000..cce6288
--- /dev/null
+++ b/src/app/hero-search/hero-search.component.html
@@ -0,0 +1,13 @@
+<div id="search-component">
+  <h4><label for="search-box">Hero Search</label></h4>
+
+  <input #searchBox id="search-box" (input)="search(searchBox.value)" />
+
+  <ul class="search-result">
+    <li *ngFor="let hero of heroes$ | async" >
+      <a routerLink="/detail/{{hero.id}}">
+        {{hero.name}}
+      </a>
+    </li>
+  </ul>
+</div>