美文网首页
angular执行顺序

angular执行顺序

作者: 苦苦修行 | 来源:发表于2019-03-21 17:56 被阅读0次

    组件层次结构:老祖宗→祖宗→parent→child
    老祖宗就是我们常见的AppComponent
    构造函数中好像还不能访问输入属性

    APP开始初始化

    老祖宗 constructor
    祖宗 constructor
    老祖宗 ngOnInit
    老祖宗 ngDoCheck
    老祖宗 ngAfterContentInit
    老祖宗 ngAfterContentChecked
    祖宗 ngOnInit
    祖宗 ngDoCheck
    祖宗 ngAfterContentInit
    祖宗 ngAfterContentChecked
    祖宗 ngAfterViewInit
    祖宗 ngAfterViewChecked
    老祖宗 ngAfterViewInit
    老祖宗 ngAfterViewChecked

    在祖宗页面点击button创建parent

    老祖宗 ngDoCheck
    老祖宗 ngAfterContentChecked
    祖宗 ngDoCheck
    祖宗 ngAfterContentChecked
    parent constructor
    child constructor
    parent ngOnChanges
    parent ngOnInit
    parent ngDoCheck
    parent ngAfterContentInit
    parent ngAfterContentChecked
    child ngOnInit
    child ngDoCheck
    child ngAfterContentInit
    child ngAfterContentChecked
    child ngAfterViewInit
    child ngAfterViewChecked
    parent ngAfterViewInit
    parent ngAfterViewChecked
    祖宗 ngAfterViewChecked
    老祖宗 ngAfterViewChecked

    相关文章

      网友评论

          本文标题:angular执行顺序

          本文链接:https://www.haomeiwen.com/subject/pmbcvqtx.html