Angular里面父子组件的生命周期顺序

记得所有的控件都需要在AppModule的declarations里声明

记得在AppModule里面的imports里面引用FormsModule

 

事件顺序：

 

第一步：UI壳子，不替换绑定属性的值

1.执行父组件构造器

2.根据父组件的模板生成DOM，生成到某一部分，发现是子组件，停下来。前面的元素已经显示出来了。

3.执行子组件构造器

4.子组件构建，一步步生成。

5.继续构建父组件，把剩下的构建完成。

 

第二步：回调

 

1.父组件 init

2.父组件 check

3.父组件 content init

4.父组件 content check

5.如果父组件有初始化子组件的属性，此时执行子组件的 changes

 

1.子组件 init

2.子组件 check

3.子组件 content init

4.子组件 content check 之后很快就根据属性渲染子组件和父组件里的绑定

5.子组件 view init

6. 子组件 view check

 

1.父组件 view init

2.父组件 view check

3.父组件 check

4.父组件 content check

 

1.子组件 check

2.子组件 content check

3.子组件 view check

 

 

最后父组件 view check

 

 

修改父组件属性，进而修改子组件属性

1.父组件 check

2.父组件 content check

 

1.子组件 changes

2.子组件 check

3.子组件 content check 这之后很快就根据属性渲染子组件和父组件里的绑定

4.子组件 view check

 

1.父组件 view check

2.父组件 check

3.父组件 content check

 

1.子组件check

2.子组件 content check

3.子组件 view check

 

最后父组件view check