Angular 组件
来源:互联网 发布:义乌淘宝美工培训学校 编辑:程序博客网 时间:2024/06/05 05:08
组件负责控制屏幕上的一小块区域,我们称之为视图。
我们在类中定义组件的应用逻辑,为视图提供支持。 组件通过一些由属性和方法组成的 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()。
阅读全文
0 0
- Angular组件
- Angular 组件
- angular组件
- angular Tip组件编写
- Angular的Table 组件
- angular 组件化
- angular组件化2
- angular 组件通信
- Angular 组件间通信
- angular 动态组件
- angular新建组件
- angular组件通信
- Angular Material GridList组件
- Angular Material Dialog 组件
- Angular Material Autocomplete 组件
- Angular Material Menu 组件
- Angular 2-组件
- Angular中的组件交互
- 数据结构实验之图论八:欧拉回路
- 【多线程】——定时器Timer
- AndroidStudio配置忽略文件(Git)
- JAVA EE中 Servlet的入门
- POJ3268---Silver Cow Party (最短路径)
- Angular 组件
- Kinetis单片机——结构体相关
- Matlab 端点法和最小二乘法计算直线度
- ViewPager轮播
- 常用Shell脚本命令
- 欢迎使用CSDN-markdown编辑器
- acm算法有用吗?写给自己。
- Windows SDK 定时器Timer
- 九度oj-1070-今年第几天