angular执行顺序

2019-03-21  本文已影响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

上一篇 下一篇

猜你喜欢

热点阅读