<!-- #docregion show-hero-1 -->
{{hero}}
<!-- #enddocregion show-hero-1 -->

<!-- #docregion show-hero-2 -->
<h2>{{hero.name}} Details</h2>
<div><span>id: </span>{{hero.id}}</div>
<div><span>name: </span>{{hero.name}}</div>
<!-- #enddocregion show-hero-2 -->

<!-- #docregion name-input -->
<div>
  <label>name:
    <input [(ngModel)]="hero.name" placeholder="name"/>
  </label>
</div>
<!-- #enddocregion name-input -->
