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

Question

我在理解以下代码时遇到问题

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

  constructor() { }

  ngOnInit() {
  }

}

我的疑问是，我们在 export clss HeroesComponent 部分做什么？ 什么是 OnInit、构造函数和 ngOnInit？

Answer 1

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

更多细节，

Angular Bootstrap 过程包括两个主要阶段：

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

Angular 构建组件树时会调用组件的构造函数。 包括 ngOnInit 在内的所有生命周期钩子都作为变更检测阶段的一部分被调用。

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

Answer 2

从您的问题中，我推断您是 Angular 社区的新手。

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

导出接口 OnInit { ngOnInit(): void; }

它是 use -> Lifecycle hook，在指令和组件的数据绑定属性初始化之后调用。（或者在初始化之前，如果你想做一些任务，你在这个 ngOnInit() { } 方法中编写）

需要注意的一件事是（在你的情况下可能不是很有用）是在它的孩子之前调用父母 OnInit 。 当 * 指令被实例化时，它也只被调用一次。

constructor() 是一种在 Angular 创建类的对象时将被调用的方法。

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

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