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';
}

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

为什么？

Answer 1

组件中的构造函数在哪里。。。？？？当您扩展ParentComponent 时

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

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不支持此功能。注意：必须使用=>来定义方法。