<div *ngIf="hero">

  <h2>{{hero.name | uppercase}} Details</h2>
  <div><span>id: </span>{{hero.id}}</div>
  <div>
    <label for="hero-name">Hero name: </label>
    <input id="hero-name" [(ngModel)]="hero.name" placeholder="name" (focusin)="shadow = '3px 3px 5px black'"
           (focusout)="shadow = ''" (change)="onChange(val.value)" [ngStyle]="{'box-shadow': shadow}" #val>
  </div>
  <button type="button" (click)="save()">save</button>
  <button type="button" (click)="goBack()">go back</button>
</div>
