美文网首页
9.最后的钩子

9.最后的钩子

作者: Monee121 | 来源:发表于2018-02-28 17:12 被阅读0次

    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
    前一个对应的会被销毁。

    相关文章

      网友评论

          本文标题:9.最后的钩子

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