当前位置: 首页 > 后端技术 > Node.js

前端:Angular框架和Ionic框架生命周期详解

时间:2023-04-03 11:27:25 Node.js

1.Angular生命周期钩子ngOnInit()在Angular首先显示数据绑定并设置指令的输入属性后初始化指令/组件/成分;ngAfterViewInit()在组件视图及其子视图初始化后调用。ngOnInit()钩子是我们最常使用的钩子。使用新的组件命令nggcomponent组件名生成一个组件后,就有了ngOnInit()方法。ngOnInit()钩子可用于在初始化期间调用一些方法。ngOnInit(){//程序初始化时调用该方法this.getNewsList();}getNewsList(){this.newsservice.getNewsList().then((data:any)=>{this.nl=newArray();this.nl=data;})}你要多次执行的方法可以在构造函数中调用。2.Ionic的生命周期可以看官方文档。ionic常见的生命周期有以下六种ionViewDidLoad:页面加载时触发,只在页面创建时触发一次离开页面:离开页面时触发ionViewWillUnload:页面元素即将销毁时触发可以写一个简单的caseionViewDidLoad(){console.log('页面即将加载,只执行一次');}ionViewWillEnter(){console.log('页面即将加载时进入');}ionViewDidEnter(){console.log('进入页面后');}ionViewWillLeave(){console.log('即将离开页面');}ionViewDidLeave(){console.log('离开页面后');}ionViewWillUnload(){console.log('页面元素即将销毁');}