AngularJs组件(Component)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Angular 2架构总览 - 简书http://www.jianshu.com/p/aeb11061b82c A...
    葡萄喃喃呓语阅读 1,504评论 2 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,957评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,393评论 25 708
  • 版本:4.0.0+2 随着英雄指南应用的进化,你将会添加更多的需要访问英雄数据的组件。 你将创建一个单独的可复用的...
    soojade阅读 528评论 0 1
  • 版本:4.0.0+2 有一些英雄指南应用的新需求: 添加一个仪表盘 视图。 添加在英雄 视图和 仪表盘 视图之间导...
    soojade阅读 1,338评论 0 0