angular生命周期函数

前言

  Angular作为前端流行框架之一,每个组件都存在一个生命周期,从创建,变更到销毁。来看一看angular都有哪些生命周期函数吧。

生命周期函数分类

  1.指令与组件共有的钩子:

ngOnChanges
ngOnInit
ngDoCheck
ngOnDestroy

  2.组件特有的钩子

ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked

执行顺序

在这里插入图片描述

钩子函数的作用

  1.ngOnChanges - 当数据绑定输入属性的值发生变化时调用
  2.ngOnInit - 在第一次 ngOnChanges 后调用
  3.ngDoCheck - 自定义的方法,用于检测和处理值的改变
  4.ngAfterContentInit - 在组件内容初始化之后调用
  5.ngAfterContentChecked - 组件每次检查内容时调用
  6.ngAfterViewInit - 组件相应的视图初始化之后调用
  7.ngAfterViewChecked - 组件每次检查视图时调用
  8.ngOnDestroy - 指令销毁前调用

发布了194 篇原创文章 · 获赞 118 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/m0_37508531/article/details/96771727
今日推荐