angular 中组件的生命周期函数
angular 中的生命周期:
组件加载时,生命周期函数的执行顺序:
00 -- constructor: 首先执行构造函数,一般用来初始化变量,不应该做其他事情
01 -- ngOnChanges: 当被绑定输入属性的值发生变化时执行,父子组件传值的时候自动调用。没有输入属性值变化,不执行该函数
02 -- ngOnInit: 初始化指令和组件时执行,只执行一次。请求数据一般放在该函数内
03 -- ngDoCheck() : 绑定的属性值发生变化时执行,比如双向数据绑定,改变属性,都会触发该方法
04 -- ngAfterContentInit() : 内容投影到组件之后调用,只执行一次
05 -- ngAfterContentChecked() : 投影组件内容发生变更后调用,在ngDoCheck() 之后执行
06 -- ngAferViewInit() : 组件视图以及子视图加载完成后调用,DOM 操作放在该方法中
07 -- ngAfterViewChecked() : 组件视图和子视图变更后调用,每次ngAfterViewInit() 或者 ngAfterContentInit() 后调用
08 -- ngOnDestroy() : 组件销毁时调用
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)