Angular 2 组件构造函数与 OnInit [重复]

如果我希望函数 x 在每次加载组件时发生，无论是第一次，我都会导航到不同的站点并导航回来，或者是第五次加载组件。

我应该将函数 x 放入什么？组件构造函数还是OnInit？

构造函数是 TypeScript 类的预定义默认方法。 Angular 和 之间没有关系constructor。通常我们使用constructor定义/初始化一些变量，但是当我们有与 Angular 绑定相关的任务时，我们会转向 Angular 的绑定ngOnInit生命周期钩子。ngOnInit在构造函数调用之后立即调用。我们也可以在构造函数中做同样的工作，但最好使用ngOnInit开始 Angular 的绑定。

为了使用ngOnInit我们必须从核心库导入这个钩子：

import {Component, OnInit} from '@angular/core'

然后我们用导出的类来实现这个接口（这不是强制实现这个接口的，但通常我们是这样做的）。

使用两者的示例：

export class App implements OnInit{
  constructor(){
     //called first time before the ngOnInit()
  }

  ngOnInit(){
     //called after the constructor and called  after the first ngOnChanges() 
  }
}

有关更多详细信息，另请参阅构造函数和 ngOnInit 的区别