Angular 2 和 Ionic 2 : What are the differences between constructor, ionViewDidLoad 和 ngOnInit 方法

Question

构造函数、ionViewDidLoad 和 ngOnInit 方法之间有什么区别。在每种情况下采取何种行动是合适的。

Answer 1

构造函数

constructor 不是 Angular 的特性，它是由 Javascript 引擎调用的。好吧，用 TypeScript 编写，但它是一个 ES6 概念，它是类生命周期钩子(Hook)的一部分。因此，这不是了解 Angular 何时完成其组件初始化的好地方。

这是进行任何依赖注入(inject)的正确位置。

ngOnInit

ngOnInit 是一个 Angular 生命周期钩子(Hook)。它在 Angular 完成组件设置时执行。这意味着此时属性绑定(bind)已完成，例如。

这是为组件初始化一些数据的好地方。

ionViewDidLoad

ionViewDidLoad 是一个 Ionic 导航生命周期事件。 Ionic 有页面的概念。它有一些与导航逻辑相关的类，它的基类是NavController。他们有一个导航栈的概念，所以页面基本上是从栈中压入或弹出的。在此导航生命周期事件过程中，如 ionViewDidLoad 被触发。

ionViewDidLoad 在页面加载后调用。默认情况下缓存页面，这意味着如果不销毁此事件将不会再次触发。

考虑到这是放置页面设置代码的好地方。

引用:

Ionic NavControler

Angular Lifecycle Hooks

ES6 Classes