Completed conversion

Author: Rafael Sotomayor

app/hero-detail.component.ts

@@ -1,19 +1,21 @@
 import { Component, Input } from '@angular/core';
+import { Hero } from './hero';
 
 @Component({
   selector: 'my-hero-detail',
   template: `
     <div *ngIf="hero">
-      <h2>{{hero.name }} details!</h2>
+      <h2>{{hero.name}} details!</h2>
       <div><label>id: </label>{{hero.id}}</div>
       <div>
         <label>name: </label>
-        <input[(ngModel)]="hero.name" placeholder= "name">
+        <input [(ngModel)]="hero.name" placeholder="name"/>
       </div>
     </div>
-    `
+  `
 })
 
 export class HeroDetailComponent {
+  @Input()
   hero: Hero;
 }