Angular快速上手--创建Hero类

0、前言
真实的英雄当然不止一个名字。

在 src/app 文件夹中为 Hero 类创建一个文件，并添加 id 和 name 属性。

1、操作

①、/src/app/app.component.ts复制并修改内容

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

同事hero的html因为变成了对象也要修改

<h2>{{hero.name}} Details</h2>
<div><span>id: </span>{{hero.id}}</div>
<div><span>name: </span>{{hero.name}}</div>

保存后显示如下效果：