Angular中可重用的组件——修改以满足我的需求

Question

我有一个可重用的组件，我必须使用，但我需要改变一个函数。有没有一种方法可以在不操纵通用组件的情况下做到这一点?问题是如何在不改变可重用组件的通用设计的情况下为我的组件实例提供不同的功能

在我的情况下，我需要在函数

中向服务器发送更多的变量目前

sendCode(phone : string){
}

what I need

sendCode(phone: string, code: string, name: string(){}

Answer 1

您可以创建一个类并将其扩展到您的组件。像这样的:

class ReusableExtension {
sendCode(phone: string, extra?: Params) {
// Do anything
}
}
class MyComponent extends ReusableExtension {
sendCode(phone: string, extra: Params) {
console.log(extra);
}
}
const child1 = new MyComponent();
child1.sendCode("0123456", { address: "My Street 1" });

其中child1可以是你的组件。在MyComponent中，我删除了问号，因此额外的参数不再是可选的。

问候,弗洛