还是angularjs2入门1-文件结构分析的源码，将app名称tutorial-step1-editor
1.在组件app.component.ts中创建一个英雄类， 有id和name两个参数
export class Hero {
id: number;
name: string;
}在组件控制器中写入
hero: Hero = {
id: 1,name: 'Windstorm'
};页面上
template:`
<h1>{{title}}</h1>
<h2>{{hero.name}} details!</h2>
<div><label>id: </label>{{hero.id}}</div>
<div>
<label>name: </label>
<input value="{{hero.name}}" placeholder="name">
</div>
`上面的是单向绑定，可以改成双向绑定
<input [(ngModel)]="hero.name" placeholder="name">这个改变了input的值，<h2>的值也改变了 原文链接：https://www.f2er.com/angularjs/147957.html
