资讯专栏INFORMATION COLUMN

angular系列之生命周期钩子

chinafgj / 440人阅读

摘要:在每个变更检测周期中调用,和之后。在初始化组件及其子组件的视图之后调用只调用一次第一次之后调用只适合组件。在每次销毁组件或指令之前调用通常用于移除事件监听,退订可观察对象等

概述

angular的组件及指令都有相应的声明周期: 创建, 更新, 销毁, 我们可以通过实现相应的生命周期钩子接口来进入相应的该声明周期的关键时刻

组件生命周期顺序

ngOnChanges: 当组件数据绑定的输入属性发生变化时触发, 该方法接受一个SimpleChanges对象,包括当前值和上一属性值.首次调用一定发生在ngOnInit前,注意的是该方法仅限于对象的引用发生变化时,也就是说,如果对象的某个属性发生变化,Angular是不会触发onChanges的.

ngOninit:初始化指令或组件, 在angular第一次展示组件的绑定属性后调用,该方法只调用一次.

ngDocheck: 检测,并在发生Angular无法或不愿意自己检测的变化时作出反应。
在每个Angular变更检测周期中调用,ngOnChanges()ngOnInit()之后。

ngAfterContentInit: 当把内容投影进组件之后调用。
第一次ngDoCheck()之后调用,只调用一次. 只适用于组件。

ngAfterContentChecked: 每次完成被投影组件内容的变更检测之后调用。
ngAfterContentInit()和每次ngDoCheck()之后调用,只适合组件。

ngAfterViewInit: 在angular初始化组件及其子组件的视图之后调用, 只调用一次,第一次
ngAfterContentChecked()之后调用.只适合组件。

ngAfterViewChecked: 每次做完组件视图和子视图的变更检测之后调用。
ngAfterViewInit()和每次ngAfterContentChecked()之后调用。只适合组件。

ngOnDestory: 在angular每次销毁组件或指令之前调用, 通常用于移除事件监听,退订可观察对象等.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91744.html

相关文章

  • angular2 脏检查series1-Zone.js

    摘要:并不是真正的进入,而是通过包裹的方式伪造执行上下文,并通过钩子函数方便的进入执行环境。如何使用运行结果可以从上面的看到运用提供的,钩子函数方便的进入了执行的上下文,记录了时间。我们还有个需求,需要因人而异的处理这些暴露的钩子函数。 angular2 脏检查总述 这系列文章将介绍angular2的脏值检查是如何工作的?如何比ng1更高效?带着上述问题,让我们一起来看看angular2这禽...

    0x584a 评论0 收藏0
  • Angular4学习笔记——生命周期钩子

    摘要:所以如果需要使用生命周期,只要在我们的代码中写上钩子函数即可,会找到并调用像这样的钩子方法,有没有接口无所谓。当使用构造函数新建一个组件或指令后,就会按下面的顺序在特定时刻调用这些生命周期钩子方法用处当设置数据绑定输入属性发生变化时响应。 接口和钩子 在介绍生命周期的相关概念之前,可以先复习一下TypeScript对于接口的概念。 在这里主要使用的是类接口及其实现: interf...

    fizz 评论0 收藏0
  • [译] 关于 `ExpressionChangedAfterItHasBeenCheckedErro

    摘要:本文将解释引起这个错误的内在原因,检测机制的内部原理,提供导致这个错误的共同行为,并给出修复这个错误的解决方案。这一次过程称为。这个程序设计为子组件抛出一个事件,而父组件监听这个事件,而这个事件会引起父组件属性值发生改变。 原文链接:Everything you need to know about the ExpressionChangedAfterItHasBeenCheckedE...

    andong777 评论0 收藏0
  • 这5篇文章将使你成为一个Angular Change Detection专家。

    摘要:编写工作首先介绍了一个称为的内部组件表示,并解释了变更检测过程在视图上运行。本文主要由两部分组成第一部分探讨错误产生的原因,第二部分提出可能的修正。它对我意义重大,它能帮助其他人看到这篇文章。 在过去的8个月里,我大部分空闲时间都是reverse-engineering Angular。我最感兴趣的话题是变化检测。我认为它是框架中最重要的部分,因为它负责像DOM更新、输入绑定和查询列表...

    Coly 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<