ionic4生命周期
Ionic4中内置的生命周期函数:
ionViewWillEnter —当进入一个页面时触发(如果它从堆栈返回)ionViewDidEnter —进入后触发ionViewWillLeave —如果页面将离开触发ionViewDidLeave — 在页面离开后触发ionViewWillUnload — 在Angular中没有触发,因为这里你必须使用ngOnDestroy
Ionic4中使用Angular生命周期函数:
1、Ionic4中的生命周期函数ngOnChanges 当被绑定的输入属性的值发生变化时调用(父子组件传值的时候会触发
2、Ionic4中的生命周期函数ngOnInit 请求数据一般放在这个里面 (重要*)
3、Ionic4中的生命周期函数ngDoCheck 检测,并在发生 Angular 无法或不愿意自己检测的变化时作出反应
4、Ionic4中的生命周期函数 ngAfterContentInit 当把内容投影进组件之后调用
5、Ionic4中的生命周期函数 ngAfterContentChecked 每次完成被投影组件内容的变更检测之后调用
6、Ionic4中的生命周期函数 ngAfterViewInit 初始化完组件视图及其子视图之后调用(dom操作放在这个里面) (重要)
7、Ionic4中的生命周期函数 ngAfterViewInit 每次做完组件视图和子视图的变更检测之后调用
8、Ionic4中的生命周期函数 ngOnDestroy 组件销毁后执行 (重要)
constructor() { console.log('00构造函数执行了---除了使用简单的值对局部变量进行初始化之外,什么都不应该做') }
ngOnChanges() { console.log('01ngOnChages执行了---当被绑定的输入属性的值发生变化时调用(父子组件传值的时候会触发)'); }
ngOnInit() { console.log('02ngOnInit执行了--- 请求数据一般放在这个里面'); }
ngDoCheck() { //写一些自定义的操作 console.log('03ngDoCheck执行了---检测,并在发生 Angular 无法或不愿意自己检测的变化时作出反应'); if(this.userinfo!==this.oldUserinfo){ console.log(你从${this.oldUserinfo}改成${this.userinfo}
); this.oldUserinfo = this.userinfo; }else{ console.log("数据没有变化"); } }
ngAfterContentInit() { console.log('04ngAfterContentInit执行了---当把内容投影进组件之后调用'); }
ngAfterContentChecked() { console.log('05ngAfterContentChecked执行了---每次完成被投影组件内容的变更检测之后调用'); }
ngAfterViewInit(): void { console.log('06 ngAfterViewInit执行了----初始化完组件视图及其子视图之后调用(dom操作放在这个里面)'); }
ngAfterViewChecked() { console.log('07ngAfterViewChecked执行了----每次做完组件视图和子视图的变更检测之后调用'); }
ngOnDestroy() { console.log('08ngOnDestroy执行了····'); }
Ionic4内置生命周期函数使用demo
import { Component, OnInit } from '@angular/core';import { StorageService } from '../services/storage.service';@Component({selector: 'app-tab4',templateUrl: './tab4.page.html',styleUrls: ['./tab4.page.scss'],})export class Tab4Page implements OnInit {public userinfo:any='';constructor(public storage:StorageService) {}ngOnInit() { }ionViewWillEnter(){console.log('ionViewWillEnter');}ionViewDidEnter(){console.log('ionViewDidEnter'); }}
ionic4生命周期相关推荐
- LTV 即用户生命周期价值
20220321 https://mp.weixin.qq.com/s/kPoojfRCbvCCV4zpnCimmQ 指标计算详细介绍 数据分析|如何做好用户生命周期价值分析 LTV https:// ...
- Harmony生命周期
Harmony生命周期 系统管理或用户操作等行为,均会引起Page实例在其生命周期的不同状态之间进行转换.Ability类提供的回调机制能够让Page及时感知外界变化,从而正确地应对状态变化(比如释放 ...
- Activity在有Dialog时按Home键的生命周期
当一个Activity弹出Dialog对话框时,程序的生命周期依然是onCreate() - onStart() - onResume(),在弹出Dialog的时候并没有onPause()和onSto ...
- 横竖屏切换时Activity的生命周期
1.不设置Activity的android:configChanges时,切屏会重新调用各个生命周期,切横屏执行一次,切竖屏执行两次. 2.设置Activity的android:configChang ...
- Android中Service生命周期、启动、绑定、混合使用
一.Activity和Service如何绑定: 1.Service和Activity之间的连接可以用ServiceConnection来实现.实现一个ServiceConnection对象实例,重写o ...
- Cocos生命周期回调
Cocos Creator 为组件脚本提供了生命周期的回调函数.用户只要定义特定的回调函数,Creator 就会在特定的时期自动执行相关脚本,用户不需要手工调用它们. 目前提供给用户的生命周期回调函数 ...
- Fragment 使用 replace 的方式实现切换 以及切换的时候Fragment 生命周期
这个主要代码在activity里面 如下 public class ReplaceActivity extends AppCompatActivity implements View.OnClickL ...
- Fragment 使用 show 和 hide 的方式实现切换 以及切换的时候Fragment 生命周期
实现的效果如下图 主要的代码在activity 这里贴出来了 public class ShowActvity extends AppCompatActivity implements View.On ...
- ViewPager与Fragment结合使用,以及切换的时候Fragment 的生命周期
下面要做的效果图下图 首先我们创建一个适配器如下 public class FraPagerAdapter extends FragmentPagerAdapter {private List< ...
最新文章
- RabbitMQ 入门系列(4)— RabbitMQ 启动、停止节点和应用程序、用户管理、权限配置
- 基于TransformerFusion的单目场景重构
- python真的越来越重要吗-为什么现在越来越多人的想学习python,你也是吗,未来到底怎样?...
- s5p4418 android 驱动 hal 应用之led 串口 rs485 can总线应用(app 有源码)
- c语言编程题笔试 博客,【笔试题】C语言:模拟实现strncmp
- ASP.NET Core 2.1中基于角色的授权
- Standard C Episode 8
- 文本分析软件_读书笔记:伍多库卡茨质性文本分析:方法、实践与软件使用指南...
- java oo 封装_javaOO——封装、static、成员内部类
- Dev的多语言简单实现
- 如何实现一个符合规范的Promise
- 生成对抗网络GAN损失函数loss的简单理解
- [svn] 在线安装
- 不到 20 人的互联网公司该去吗?
- c语言中scanf的用法
- php面试会考计算机网络,计算机网络常见面试题整理
- 微信小程序 获取用户手机屏幕高度与宽度
- 紫阳的日常——第一章 拒绝访问的高考成绩
- Xamarin for android 小白教程-HelloWorld !
- 新一代医院信息系统(NGHIS)设计(2)——基础集成平台(I)
热门文章
- 微服务升级优点_SpringCloud微服务架构升级总结
- devexpress 打印一个form界面_通过回车键提交form表单时,你是否注意过这些问题?...
- js 设置password placeholder样式_150+ 个优质的 Node.js 包和资源
- PyQT项目优化---添加多线程数控制
- android 手势类的封装,Android手势识别简单封装类
- wsl2启动桌面_WSL2使用xrdp实现图形桌面
- ubuntu 安装GPU黑屏 修改GRUB_仅支持legacy bios 情况下 win10 安装 ubuntu 双系统踩的一坑...
- java常用api简单统计
- android的AIDL的调用
- 按不同vlan下发dhcp_Cisco三层交换上给不同Vlan配置不同的DHCP