Angular - 从扩展类调用函数答案

【问题标题】：Angular - Calling a function from an extended classAngular - 从扩展类调用函数
【发布时间】：2020-02-14 14:22:18
【问题描述】：

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

它总是生成 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

【解决方案1】：

你可以使用super关键字来调用你父组件的方法：

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

【讨论】：

我认为只要子组件不实现同名方法，那么你甚至可以只做this.myFunc()。