9.最后的钩子
2018-02-28 本文已影响0人
Monee121
ngAfterContentChecked,ngAfterContentInit:
被投影的内容组装完调用的。
1.父组件ts
image.png
2.子组件ts
image.png
效果图:
image.png
解析:首先组装的是投影进来的内容,然后是子组件中视图的内容,父组件本身的视图内容。
image.png
可以改变内容,因为只是投影完毕,没有组装完毕
image.png
这个组件初始化过程完毕,组件呈现出来,给到用户,做交互,例如:点击,输入,任何一件事,都会触发变更检测机制,一旦触发,当前组件树带有check 关键字的方法都被调用,用来检查当前组件的一些变化,如果变化导致了输入属性改变,那么那个组件的ngOnchanges也会调用,最终组件销毁的时候调用ngOnDestroy。
路由时,会调用。
image.png
image.png
image.png
任何改变都触发
image.png
前一个对应的会被销毁。