覆盖子ngOnInit方法

Question

我想从父类向子ngOnInit方法添加代码。我能做点类似的事吗？

export class Child extends Parent {
   constructor(){
      super(this.ngOnInit);
   }
   ngOnInit(){
      console.log('Child onInit');
   }
}

和家长：

export class Parent {
   constructor(childOnInitMethod: any){}
   ngOnInit(){
      console.log('Parent added code to child onInit');
      this.childOnInitMethod.apply(this, arguments)
   }
}

问题是，在子构造函数上，我没有"this“可用。

更新：在这里找到当前代码

现在，这就是我所做的。子类扩展父类的ngOnInit和ngOnDestroy。我希望实现的是避免调用父级“super.subscribeEvents()”，如下所示：

ngOnInit() {
   window.onresize = () => console.log('resizing');
   super.subscribeEvents();
}

我想要做的是从父级向子ngOnInit添加代码。这些课程包括：

export class DatatablePage extends EventSubscriber {
   @Output() onLoadRow: EventEmitter<any> = new EventEmitter();
   public gridApi: GridApi;
   constructor(
    events: Events
   ) {
    super(events, [
        { eventName: 'datatable:updateList', callbackFunction: () => this.onLoadRow.emit() },
        { eventName: 'datatable:resizeTable', callbackFunction: () => this.gridApi.sizeColumnsToFit() }
    ])
   }

   ngOnInit() {
       window.onresize = () => console.log('resizing');
       super.subscribeEvents();
   }
}

和家长：

export class EventSubscriber {


constructor(
    private events: Events,
    public eventSubscriptions: EventObject[]
) {
}

ngOnInit() {
    this.subscribeEvents();
}

ngOnDestroy() {
    this.unsubscribeEvents();
}

subscribeEvents() {
    this.eventSubscriptions.forEach((eventSubscription: EventObject) => {
        this.events.subscribe((eventSubscription.eventName), eventSubscription.callbackFunction)
    });
}

unsubscribeEvents() {
    this.eventSubscriptions.forEach((eventSubscription: EventObject) => {
        this.events.unsubscribe((eventSubscription.eventName), eventSubscription.callbackFunction)
    });
}
}

Answer 1

下面的解决方案应该有效。

class Parent {
   constructor(){}
   ngOnInit(){
      console.log('Parent added code to child onInit');
      this.ngOnInit()
   }
}

class Child extends Parent {
    ngOnInit() {
      console.log('Child onInit');
    }
    invokeSuperOnInit() { 
        super.ngOnInit();
    }
}

const a = new Child();
a.invokeSuperOnInit();

处决：

1. 创建子类的对象并分配给。
2. 在对象a上调用invokeSuperOnInit方法。
3. 调用父级的ngOnInit。
4. 在父NgOninit中，我们调用了孩子的ngOnInit。调用子ngOnInit是因为“此”在整个层次结构中始终保持不变。