如何在类型安全的相同组件上实现OnInit和OnChanges

hho*_*tij 7 typescript angular

我喜欢打字稿的一个原因是它的类型安全性,我一直使用它.

打字稿不支持多重继承,所以我如何通过扩展一个角2组件类OnInit,并OnChanges在同一时间?

我知道它可以在不声明继承的情况下工作但我喜欢我的代码没有波浪线.

Bla*_*kus 11

OnInit并且OnChanges不是类而是接口,因此您的组件不会继承,而是实现这些接口.

由于类可以实现所需的多个接口,因此在同一组件上实现两个接口OnInitOnChanges接口都没有问题.

例如:

class FooComponent implements OnInit, OnChanges {
}
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请查看Angular Lifecycle Hooks指南.