Angular TS Lint onInit 与 ngOnInit

Question

我收到来自 TS Lint 的警告，我需要实现 OnInit 接口(interface)，并向我提供了指向此页面的链接:https://angular.io/docs/ts/latest/guide/style-guide.html#!#09-01

onInit 和 ngOnInit 有什么区别。两者都为我工作。为什么可以使用 ngOnInit 而不是 onInit 后者编写起来更简单？

Answer 1

无论您的类是否实现接口(interface)，Angular 始终检查生命周期钩子(Hook)。

https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

所以如果你有这个类:

export class MyComponent {
    ngOnInit() { ... }
}

它将正常工作(框架将调用 ngOnInit)。但是，实现接口(interface)以确保正确实现方法是个好主意。

export class MyComponent implements OnInit {
    ngOnInit() { ... }
}

请注意 onInit 不是生命周期钩子(Hook)，不会被 Angular 调用——它只是表示您实现 ngOnInit 的接口(interface)名称 类中某处的方法。