Angular2 Hero Tutorial - hero class
<p>In the section where the hero class is temporarily stored on app.component.ts, I'm not sure where to paste the script below where it says we have to refactor.</p>

<p>hero: Hero = {
  id: 1,
  name: 'Windstorm'
};</p>

<p>Putting this in the app.component.ts file brings up an error. In the final version, it seems like this class is a standalone file, but right now, I'm supposed to be able to see the name of the hero in Chrome while its still in app.component.ts. Help?</p>

<p>EDIT: here's the whole code.</p>

<pre><code>import { Component } from '@angular/core';

export class Hero {
  id: number;
  name: string;
}

hero: Hero = {
  id: 1,
  name: 'Windstorm'
};

@Component({
  selector: 'my-app',
  template: '&lt;h1&gt;{{title}}&lt;/h1&gt;&lt;h2&gt;{{hero.name}} details!&lt;/h2&gt;'
})

export class AppComponent `enter code here`{
  title = 'Tour of Heroes';
  hero = 'Windstorm';
}
</code></pre>