下面的代码是什么意思？我只是初学者

Question

我对理解以下代码有疑问

@Component({
  selector: 'app-heroes',
   templateUrl: './heroes.component.html',
   styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

我的疑问是，我们在Export clss HeroesComponent部分中正在做什么？什么是OnInit，constructor和ngOnInit？

Answer 1

构造函数ngOnInit都不过是类中的方法。 通常，只要创建了类的实例（即此处的组件），就将调用构造函数方法，而在为组件创建DOM之后，将调用ngOnInit。

更多详细信息，

角度引导过程包括两个主要阶段：

• 构建组件树
• 运行变更检测

当Angular构造组件树时，将调用组件的构造函数。 包括ngOnInit在内的所有生命周期挂钩都称为更改检测阶段的一部分。

用途： 构造函数主要用于依赖项注入，有关组件的任何初始化都在ngOnInit中初始化。为了使用ngOnInit方法，我们需要从angular库中实现OnInit接口。

Answer 2

根据您的问题，我认为您是Angular社区的新手。

OnInit是一个接口。 在类型文件lifecycle_hooks.d.ts中，它定义为

  

导出界面OnInit {       ngOnInit（）：void; }

它的用途->生命周期挂钩，该生命周期挂钩在初始化指令和组件的数据绑定属性之后被调用。（或者在初始化之前，如果要执行某些任务，则可以在此ngOnInit（）中编写{   }方法）

要注意的一件事是（在您的情况下可能不是很有用）是在其子级之前调用父级OnInit。此外，当  *指令已实例化。

constructor（）是Angular创建您的类的对象时将调用的方法。

就像OnInit一样，它有多个生命周期挂钩。使用它的方式就像OnInit->实现接口并定义方法一样，您可以写下要在组件的生命周期阶段运行的任何代码。 这些挂钩的调用顺序如下。

如果我能够解决您的问题，请标记为已解决。