angular - 如何为 Angular2 组件实现多个生命周期钩子(Hook)？

Question

我知道在 Angular2 中定义组件时，您可以实现多种类型的生命周期 Hook ，例如 OnDestroy、NgOnInit 等。

在我在网上看到的关于使用这些钩子(Hook)的每一段示例代码中，我一次只看到它们被使用了一个。例如

export class ModalComponent implements OnDestroy { ... }

或

export class ModalComponent implements OnChanges { ... } 

但是如果你想对单个组件使用多个怎么办？例如，如果您想要 OnChanges 和 OnDestroy 的特定行为怎么办？我试过以下方法:

export class ModalComponent implements OnChanges implements OnDestroy{ ... } 
export class ModalComponent implements OnChanges, OnDestroy { ... } 
export class ModalComponent implements [OnChanges, OnDestroy] { ... } 
export class ModalComponent implements OnChanges and OnDestroy { ... } 

我确信答案很简单，但我在寻找答案时遇到了很多麻烦。

提前致谢!

Answer 1

您可以扩展 1 个类并实现多个接口(interface)。生命周期 Hook 是接口(interface)。

class D extends C implements A, B{}