angular生命点接口 生命周期钩子

生命点接口周期钩子调用方式
OnChangesngOnChanges()简单输入变量本值发生变化时调用,第一次调用在OnInit之前
OnInitngOnInit()初始化时调用
DoCheckngDoCheck()周期更改检测,每次变更周期都会调用
AfterContentInitngAfterContentInit()内容完成初始化投影后调用
AfterContentCheckedngAfterContentChecked()紧跟上一条完成初始化投影后调用,以及每次变更周期在DoCheck之后调用
AfterViewInitngAfterViewInit()组件和子组件完成视图初始化时调用
AfterViewCheckedngAfterViewChecked()紧跟上一条完成组件和子组件完成视图后调用,每次变更周期在AfterContentChecked之后调用
OnDestroyngOnDestroy()销毁时调用

声明周期顺序解释
● ngOnChanges 当angular绑定的输入属性发生变化时响应,首次调用一定会发生在ngOnInit之前
● ngOnInit 初始化指令/组件,在第一轮ngOnChanges完成之后调用,只调用一次
● ngDoCheck在每个angular变更检测周期中调用,在ngOnChanges和ngOnInit之后调用
● ngAfterContentInit 把内容渲染到组件之后调用,第一次ngDoCheck之后调用,只适用于组件,只调用一次
● ngAfterContentChecked 每次完成内容到组件的渲染的变更检测后调用,ngAfterContentInit和每次NgDoCheck之后调用,只适用于组件
● ngAfterViewInit 组件视图及其子视图初始化完成之后调用,第一次ngAfterContentChecked之后调用,只调用一次,只适合组件
● ngAfterViewChecked 每次做完组件视图和子视图的变更检测之后调用,ngAfterViewInit和每次ngAfterContentChecked之后调用,
只适合组件
● ngOnDestroy 在Angular销毁指令/组件之前调用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值