feat(no hero): my first if else with Angular :)

Author: Ismaestro

src/app/heroes/hero-detail/hero-detail.component.html

@@ -1,5 +1,5 @@
 <div class="container">
-    <div *ngIf="hero">
+    <div *ngIf="hero; else noHero">
         <h2>{{hero.name}} {{ 'details' | translate }}!</h2>
         <div class="input-group">
             <span class="input-group-addon" id="hero-id">Id</span>
@@ -22,4 +22,7 @@ <h2>{{hero.name}} {{ 'details' | translate }}!</h2>
         <button class="btn btn-secondary" (click)="goBack()">{{ 'back' | translate }}</button>
         <button class="btn btn-primary" (click)="saveHero()">{{ 'saveHero' | translate }}</button>
     </div>
+    <ng-template #noHero>
+        <p>{{'noHero' | translate}}</p>
+    </ng-template>
 </div>

src/app/heroes/shared/hero.service.ts

@@ -12,7 +12,6 @@ export class HeroService {
   private heroesUrl;
 
   private static handleError(error: any): Promise<any> {
-    window.alert(error._body);
     return Promise.reject(error.message || error);
   }
 

src/assets/i18n/en.json

@@ -26,5 +26,6 @@
   "cancel": "Cancel",
   "remove": "Remove",
   "findHero": "Find a hero",
-  "back": "Back"
+  "back": "Back",
+  "noHero": "There is no hero!"
 }

src/assets/i18n/es.json

@@ -26,5 +26,6 @@
   "cancel": "Cancelar",
   "remove": "Eliminar",
   "findHero": "Busca un heroe",
-  "back": "Atras"
+  "back": "Atras",
+  "noHero": "No hay heroe!"
 }