Angular 2 - 为所有组件定义ngAfterViewInit

Question

在我的Angular2应用程序中，当视图可用时，必须在每个组件初始化后调用脚本。

我正在寻找为所有组件定义“ngAfterViewInit”生命周期回调globaly的最佳方法。我无法在每个组件中编写它，因为团队中的某个人发生了巨大的变化而忘记了它。

我已经考虑：

• 覆盖@Component，如果可能的话
• 使用路由

有没有办法做到这一点？

感谢您的帮助！

Answer 1

您需要创建一个抽象类，然后从该类扩展所有组件（类）。

喜欢的东西：

import { Component } from '@angular/core'; 

export abstract class AbstractViewInit { 
    ngAfterViewInit() { 
    console.log('after View init'); 
    } 
} 

@Component({ 
    selector: 'child', 
    template: 'I am a child' 
}) 
export class ChildComponent extends AbstractViewInit {} 

@Component({ 
    selector: 'my-app', 
    template: '<h1>My First Angular 2 App</h1> <child></child>' 
}) 
export class AppComponent extends AbstractViewInit {} 

工作plunker：http://plnkr.co/edit/Lmyes9vmUosGS5shvHqA?p=preview