这里主要是创建一个AngularJs类：

1.在src/app文件夹下创建一个名叫hero.ts的新文件，内容如下：

export class Hero {
  constructor(
    public id: number,
    public name: string) { }
}

2.在src/app文件夹下app.component.ts文件中导入刚创建的类，内容如下：

import { Hero } from './hero';

3.在src/app文件夹下app.component.ts文件中使用刚创建的类，内容如下：

export class AppComponent {
  title = 'Tour of Heroes';
  heroes = [
    new Hero(1, 'Windstorm'),
    new Hero(13, 'Bombasto'),
    new Hero(15, 'Magneta'),
    new Hero(20, 'Tornado')
  ];
  myHero = this.heroes[0];
}

4.在视图模板文件中显示数据，内容如下：

<ul>
    <li *ngFor="let hero of heroes">
      {{ hero.name }}
    </li>
  </ul>

5.完整实例：

import { Component } from '@angular/core';
import { Hero } from './hero';
@Component({
  selector: 'my-app',
  template: `{{title}}My favorite hero is: {{myHero.name}}Heroes:{{ hero.name }}There are many heroes!`
})
export class AppComponent {
  title = 'Tour of Heroes';
  heroes = [
    new Hero(1, 'Windstorm'),
    new Hero(13, 'Bombasto'),
    new Hero(15, 'Magneta'),
    new Hero(20, 'Tornado')
  ];
  myHero = this.heroes[0];
}

export class Hero {
  constructor(
    public id: number,
    public name: string) { }
}