hero_detail_component.html

<!-- #docplaster -->
<!-- #docregion -->
<div *ngIf="hero != null">
  <h2>{{hero.name}} details!</h2>
  <div>
    <label>id: </label>{{hero.id}}</div>
  <div>
    <label>name: </label>
    <input [(ngModel)]="hero.name" placeholder="name" />
  </div>
  <button (click)="goBack()">Back</button>
  <!-- #docregion save -->
  <button (click)="save()">Save</button>
  <!-- #enddocregion save -->
</div>