title: Angular 2 Unused label error
body: <p>I'm trying to follow official tutorial in Angular 2 website. <a href="https://angular.io/docs/ts/latest/tutorial/toh-pt1.html" rel="noreferrer">This tutorial</a></p>
  
  <p>I'm getting following error in atom IDE:</p>
  
  <blockquote>
    <p>Unused label.at line 8 col 1</p>
    
    <p>Cannot assign to 'Hero' because it is not a variable.at line 8 col 7</p>
  </blockquote>
  
  <p>Following is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><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 {
      title = 'Tour of Heroes';
      hero = 'Windstorm';
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>And the result:</p>
  
  <p><a href="https://i.stack.imgur.com/5n9o3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5n9o3.png" alt="Screen Shot"></a></p>
  
  <p>What I have done wrong? Help is appreciated.</p>