将离子页面添加到已创建的 Angular 应用程序 [ionic]

【问题标题】：Adding ionic pages to already created Angular app [ionic]将离子页面添加到已创建的 Angular 应用程序 [ionic]
【发布时间】：2019-03-13 20:28:54
【问题描述】：

我已成功将 Angular 应用程序转换为可在 iOS 和 Android 上运行的 ionic 应用程序。现在我试图在组件出现/消失时获取生命周期方法（ionViewDidLoad、ionviewdidleave 等）。该应用程序当前没有任何离子页面，我是否需要添加页面才能获取这些生命周期方法？我已经做了一个星期左右的离子，所以请保持小火。

谢谢

【问题讨论】：

哪个离子版本？如果 ionic 2/3 他们需要是 ionicpage
我目前在 ionic 4
ionic 4 使用angular router.. 所以你需要依赖角度生命周期方法而不是 ionViewDidLoad。检查medium.com/@paulstelzer/…

标签： ionic-framework ionic4

【解决方案1】：

Ionic 4 已弃用之前的 IonicPage 及其导航。它现在使用您正在使用的模板的默认 navigation。如果是有角度的，它的angular router

以前版本的 Ionic 附带我们自己的自定义路由器，但为了提供最佳工具和开发人员体验，我们已经转而使用框架推荐的路由器。

Ionic 4 提供了钩子：

ionViewWillEnter、ionViewDidEnter、ionViewWillLeave 和 ionViewDidLeave 另请查看迁移指南here。

您可以使用angular lifecycle 挂钩来代替旧的离子生命周期挂钩，例如ngOnInit 代替ionViewDidLoad。使用 Angular 的路由器保护而不是 ionic 的导航保护。

【讨论】：