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

任何改变都触发


image.png
前一个对应的会被销毁。
上一篇下一篇

猜你喜欢

热点阅读