Added a "Loading hero..." message to HeroDetailComponent

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

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