组件负责控制屏幕上的一小块区域,我们称之为视图。
我们在类中定义组件的应用逻辑,为视图提供支持。 组件通过一些由属性和方法组成的 API 与视图交互。
例如,HeroListComponent有一个heroes属性,它返回一个英雄数组,这个数组从一个服务获得。 HeroListComponent还有一个selectHero()方法,当用户从列表中点选一个英雄时,就把它/她设置到selectedHero属性。
export class HeroListComponent implements OnInit {
heroes: Hero[];
selectedHero: Hero;
constructor(private service: HeroService) { }
ngOnInit() {
this.heroes = this.service.getHeroes();
}
selectHero(hero: Hero) { this.selectedHero = hero; }
}
当用户在这个应用中漫游时, Angular 会创建、更新和销毁组件。 应用可以通过生命周期钩子在组件生命周期的各个时间点上插入自己的操作,例如上面声明的ngOnInit()。