-<h2>{{hero.name}} Details</h2>
+<h2>{{hero.name | uppercase}} Details</h2>
<div><span>id: </span>{{hero.id}}</div>
-<div><span>name: </span>{{hero.name}}</div>
+<div>
+ <label>name: </label>
+ <input [(ngModel)]="hero.name" placeholder="Type a name..." />
+</div>