2017年46周学习总结
angular组件间通讯
组件输入输出
当子组件需要向父组件传递信息时需要用到输出属性，EventEmitter（从子组件向外发射事件）
searchResult
image.png
中间人模式：
组件间的通讯，4和5的中间人组件是2，2和3的中间人组件是1，通过中间人组件进行数据传递
image.png
image.png
按照生命周期执行的先后顺序，Angular生命周期接口整理
| 名称 | 时机 | 接口 | 范围 |
|---|---|---|---|
| ngOnChanges | 当被绑定的输入属性的值发生变化时调用，首次调用一定会发生在 ngOnInit之前。 | OnChanges | 指令和组件 |
| ngOnInit | 在第一轮 ngOnChanges 完成之后调用。( 译注：也就是说当每个输入属性的值都被触发了一次ngOnChanges 之后才会调用ngOnInit ，此时所有输入属性都已经有了正确的初始绑定值 ) | OnInit | 指令和组件 |
| ngDoCheck | 在每个 Angular 变更检测周期中调用。 | DoCheck | 指令和组件 |
| ngAfterContentInit | 当把内容投影进组件之后调用 | AfterContentChecked | 组件 |
| ngAfterContentChecked | 每次完成被投影组件内容的变更检测之后调用 | AfterContentChecked | 组件 |
| ngAfterViewInit | 初始化完组件视图及其子视图之后调用 after initializing the component’s views and child views. | AfterViewInit | 组件 |
| ngAfterViewChecked | 每次做完组件视图和子视图的变更检测之后调用 | AfterViewChecked | 组件 |
| ngOnDestroy | 当 Angular 每次销毁指令 / 组件之前调用 | OnDestroy | 指令和组件 |
网友评论