angular - angular8 es5子调用父方法调用this.method未定义

Question

export class SonComponent extends ParentComponent {

 public say() {
     console.info('hello！my parent is ' + super.getName());
 }
}

export class ParentComponent {
  public getName() {
    return this.getFirstName() + this.getLastName(); // <--- exception, core.js:4002 ERROR TypeError: this.getFirstName is not a function
  }
  public getFirstName() {
    return 'wu';
  }
  public getLastName() {
    return 'victor';
  }

异常，core.js:4002 错误类型错误：this.getFirstName 不是函数

为什么？

Answer 1

你的组件中的构造函数在哪里......？？？当你扩展 ParentComponent

childs 的构造函数应该调用 ParentComponent，找到 ref 的代码

export class SonComponent extends ParentComponent {
 constructor(){
  super();
  }    
 public say() {
     console.info('hello！my parent is ' + super.getName());
 }
}

希望这可以解决您的问题...并且在 ts/js 天气中，您是否提到返回类型并不重要，除非您严格期望特定类型的响应

Answer 2

public beforeUploadImageResult = (file: File) => { √
}


public beforeUploadImageResult(file: File): any { ×
}

https://ng.ant.design/components/upload/en

[nzBeforeUpload]

上传前会执行的钩子函数。上传将通过 false 或 Observable 停止。警告：IE9 不支持此功能。注意：请使用 => 来定义方法。