Ionic页面的生命周期

https://blog.csdn.net/wei11556/article/details/56484718

官方文档

如官网文档所示，常用的生命周期有如下6个：

Event	Desc
ionViewDidLoad	当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发
ionViewWillEnter	顾名思义，当将要进入页面时触发
ionViewDidEnter	当进入页面时触发
ionViewWillLeave	当将要从页面离开时触发
ionViewDidLeave	离开页面时触发
ionViewWillUnload	当页面将要销毁同时页面上元素移除时触发

在demo中加入以下代码：

[java]  view plain  copy

1. ionViewDidLoad(){  
2.         console.log("1.0 ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发");  
3.     }  
4.     ionViewWillEnter(){  
5.         console.log("2.0 ionViewWillEnter 顾名思义，当将要进入页面时触发");  
6.     }  
7.     ionViewDidEnter(){  
8.         console.log("3.0 ionViewDidEnter 当进入页面时触发");  
9.     }  
10.     ionViewWillLeave(){  
11.         console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");  
12.     }  
13.     ionViewDidLeave(){  
14.         console.log("5.0 ionViewDidLeave 离开页面时触发");  
15.     }  
16.     ionViewWillUnload(){  
17.         console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");  
18.     }  
19.   
20.     ionViewCanEnter(){  
21.         console.log("ionViewCanEnter");  
22.     }  
23.   
24.     ionViewCanLeave(){  
25.         console.log("ionViewCanLeave");  
26.     }  

运行结果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wei11556/article/details/56484718