美文网首页
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.最后的钩子

    ngAfterContentChecked,ngAfterContentInit:被投影的内容组装完调用的。 1....

  • 盐津大关河边有一棵红毛悬钩子树

    开花的悬钩子 是悬钩子 不开花的悬钩子 还是悬钩子 大关河边的悬钩子 不开花 就没有果实 没有果实的悬钩子 谁会在...

  • Vue钩子函数

    什么是钩子函数 钩子函数其实就是生命周期函数,从一个vue实例被创建到最后的销毁,经历的几个阶段对应的函数。 be...

  • 2018-12-01

    慢跑是真的令人愉悦啊 从6到7到7.5 8最后到9.

  • vue路由钩子

    路由钩子 1.全局钩子2.某个路由独享钩子3.组件内钩子 全局钩子 beforeEach(全局前置守卫)、afte...

  • Git钩子详解

    Git钩子详解 钩子 Git钩子是在Git仓库中特定事件发生时自动运行的脚本。可以定制一些钩子,这些钩子可以在特定...

  • Windows消息钩取

    下钩子函数: 钩子的过程需要在DLL内部 dwThreadId为0时 钩子为全局钩子 hMod就当成dll的句柄(...

  • vue生命周期

    vue生命周期钩子函数 简单说:一个组件从开始到最后消亡所经历的各种状态,就是一个组件的生命周期。 生命周期钩子函...

  • Sequelize官方中文文档 9. Hooks - 钩子

    Sequelize官方GitHub:https://github.com/sequelize/sequelizeS...

  • SVN钩子随笔

    通过SVN钩子限制提交的条件 1. "钩子"是什么? 钩子, 通常意义上讲就是可以钩到某个事物上, 而这里的钩子其...

网友评论

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

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