首页 > 解决方案 > Angular - 从扩展类调用函数

问题描述

我正在使用生成 Angular 代码的 RAD 软件。

它总是生成 2 个组件,一个“生成”一个,一个空的,您可以在其中放置一些自定义函数。

我想从空的调用,我们称它为子组件,这是一个存在于“父”组件中的函数。

为了更好地解释它,下面是 2 个组件的声明(它们在同一个文件夹中):

父组件:

export class MainViewGenerated implements AfterViewInit, OnInit, OnDestroy {

  constructor(private injector: Injector) {}

 myFunc() {
      console.log("hello World")
  }

子组件:

export class MainViewComponent extends MainViewGenerated {

  constructor(injector: Injector) {
    super(injector);
  }

那么从子组件调用myFunc()父组件中声明的函数“”的正确语法是什么?

标签: angular

解决方案


您可以使用super关键字调用父组件的方法:

export class MainViewComponent extends MainViewGenerated {
  constructor(injector: Injector) {
    super(injector);
    super.myFunc();
  }
}

推荐阅读