IONIC实战总结钩子

一、什么是钩子
1.背景:Angular有变更检测机制
2.执行时间:在生命周期的事件上执行

二、生命周期三个阶段
组件生命周期三个阶段:初始化—变更检测—销毁阶段

初始化: 看见组件
变更检测:确保组件的属性与页面保持同步,路由操作可以使属性从DOM树上移除
销毁:进行销毁

三、九种钩子方法
1.红色方法 调用一次 ;绿色方法 被多次调用
在这里插入图片描述
2.具体使用条件
在这里插入图片描述
适用于指令和组件
ngOnInit:当Angular初始化完成数据绑定的输入属性后,用来初始化指令或者组件。
ngOnChanges:当Angular设置了一个被绑定的输入属性后触发。该回调方法会收到一个包含当前值和原值的changes对象。
ngDoCheck:用来检测所有变化(无论是Angular本身能检测还是无法检测的),并作出相应行动。在每次执行“变更检测”
时被调用。
ngOnDestory:在Angular销毁指令或组件之前做一些清理工作,比如退订可观察对象和移除事件处理器,以免导致内存泄漏。
只适用于组件
ngAfterContentInit:当Angular把外来内容投影进自己的视图之后调用。
ngAfterContentChecked:当Angular检查完那些投影到自己视图中的外来内容的数据绑定之后调用。
ngAfterViewInit:在Angular创建完组件的视图后调用。
ngAfterViewChecked:在Angular检查完组件视图中的绑定后调用。

3.项目中使用方式
OnInit是一个接口 ,@angular/core
每个接口,都有对应的钩子方法 ngOnInit (接口前面加上ng)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值