• 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
     
  • 相关阅读:
    HDU 1863 畅通工程(并查集)
    HDU 1232 畅通工程
    洛谷 1162 填涂颜色 (dfs,染色法)
    HDU 2689 sort it(树状数组 逆序数)
    mod_js.so下载 转自网络
    The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path
    B计划 第七周
    B计划 第六周
    B计划 第五周
    B计划 第四周(开学第一周)
  • 原文地址:https://www.cnblogs.com/chenyingzuo/p/16461356.html
Copyright © 2020-2023  润新知