AngularJs组件（Component）

Posted 2023-03-17

参考技术A 组件负责控制屏幕上的一小块地方，我们称之为视图。
我们在类中定义组件的应用逻辑（它被用来为视图提供支持）。组件通过一些由属性和方法组成的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();