我正在尝试遵循Angular 2网站上的官方教程.本教程

我在atom IDE中遇到以下错误:

未使用的label.at第8行第1列

无法分配给'Hero',因为它不是variable.at第8行col 7

以下是我的代码:

import { Component } from '@angular/core';

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

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

@Component({
    selector: 'my-app',
    template: `
{{title}}
      
{{hero.name}} details!
`
})

export class AppComponent {
    title = 'Tour of Heroes';
    hero = 'Windstorm';
}

import { Component } from '@angular/core';

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

@Component({
    selector: 'my-app',
    template: `
{{title}}
      
{{hero.name}} details!
`
})

export class AppComponent {
    title = 'Tour of Heroes';
    hero: Hero = {
      id: 1,
      name: 'Windstorm'
    };
}