X-Git-Url: http://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fhero-detail%2Fhero-detail.component.html;h=f3da802693e7593beaecd9a8d663e5a6f58405e2;hb=3efe152e8e2be6f2dc172cf1ac476e2cb01be54b;hp=fa00c62aff6156302c358d40dc9592d79f4226c1;hpb=aa0556604bc625981bfd2f787f7b1ef2dadb9938;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/hero-detail/hero-detail.component.html b/src/app/hero-detail/hero-detail.component.html
index fa00c62..f3da802 100644
--- a/src/app/hero-detail/hero-detail.component.html
+++ b/src/app/hero-detail/hero-detail.component.html
@@ -1,8 +1,14 @@
+<div *ngIf="!hero">
+  <span>Loading hero...</span>
+</div>
 <div *ngIf="hero">
   <h2>{{hero.name | uppercase}} Details</h2>
   <div><span>id: </span>{{hero.id}}</div>
   <div>
-    <label>name: </label>
-    <input [(ngModel)]="hero.name" placeholder="Type a name..." />
+    <label>name:
+      <input [(ngModel)]="hero.name" placeholder="name"/>
+    </label>
   </div>
 </div>
+<button (click)="save()">save</button>
+<button (click)="goBack()">go back</button>