Angular生命周期

Angular生命周期的钩子执行顺序

生命周期钩子接口钩子用途
OnChangesngOnChanges(changes: SimpleChanges)在组件有绑定值的时候,在绑定值发生变化的时候调用,在ngOninit()之前,任何一个、多个绑定值发生变化的时候都会调用,在这个钩子中,可以有一个SimpleChanges类型的参数,这个参数可以看到绑定的是和上一次发生变化,并可以判断是否是第一次变化。
OnInitngOnInit()组件在数据、指令、组件绑定完成以后,初始化组件、指令,在第一轮ngOnChanges调用完了以后才开始调用,特别注意这个只调用一次
DoCheckngDoCheck()在Angular中无法检测或者非正常情况下进行检测变化,紧跟在ngOnChanges()和ngOnInit()后调用
AfterContentInitngAfterContentInit()在Angular将外部内容投影进来以后进行调用,第一次ngDoCheck()调用完成以后才开始调用这个生命周期的钩子,并且这个生命周期的钩子只调用一次
AfterContentCheckedngAfterContentChecked()当Angular完成被投影组件的内容变更检测以后调用,在ngAfterContentInit()和ngDoCheck()之后调用
AfterViewInitngAfterViewInit()当Angular完成组件视图、子组件视图以后调用,第一次ngAfterContentChecked()之后调用,注意只调用一次
AfterViewCheckedngAfterViewChecked()在Angular完成组件的视图、子组件的视图检测以后调用,在ngAfterViewInit() 和每次 ngAfterContentChecked() 之后调用。
OnDestroyngOnDestroy()在Angular销毁组件、指令之前调用并清扫
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值