Angular 如何实现和使用不同组件的共享功能

Angular 如何实现和使用不同组件的共享功能,angular,function,service,Angular,Function,Service,在我的主页上,我有不同的HTML和组件用于技术公式的输入和结果。作为不同的技术方案。 属性(具有更多属性的对象)的绑定由HTML代码中的{{prop}}完成,并通过getter和setter方法初始化到组件类中 在角度服务中,我喜欢有一个数学函数集合。此服务被导入到component.ts中 如何调用该函数并将{{prop}}传递给该函数并返回结果?我建议阅读。例如,您可以使用管道,或者对组件调用方法。另外请注意,您似乎混淆了双向绑定和插值。参考管道,我使用它们通过onkeyup进行输入检查,以

在我的主页上,我有不同的HTML和组件用于技术公式的输入和结果。作为不同的技术方案。 属性(具有更多属性的对象)的绑定由HTML代码中的
{{prop}}
完成,并通过getter和setter方法初始化到组件类中

在角度服务中,我喜欢有一个数学函数集合。此服务被导入到component.ts中


如何调用该函数并将
{{prop}}
传递给该函数并返回结果?

我建议阅读。例如,您可以使用管道,或者对组件调用方法。另外请注意,您似乎混淆了双向绑定和插值。参考管道,我使用它们通过onkeyup进行输入检查,以确保只能使用数字、逗号和箭头键。我的问题是,服务的所有描述或多或少都是为了获取数据,例如从JSON文件获取数据。但我需要以下内容:@Component({…})导出类HomePageComponent{X=new VariableObjectService('A',5);Y=new VariableObjectService('B',2);构造函数(private Func:FunctionsObjectService){}ngonit(){}(objX:VariablenObjectService,objY?:VariablenObjectService):void{this.Func.half(objX,objY);}可注射({…})导出类函数对象服务{…在服务文件中:half(x:VariablenObjectService,y?:VariablenObjectService){x.wert=x.wert*2;y.wert=y.wert=y.wert/2;}