账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    angular如何让函数共用
    29
    0

    我有两个子组件它们有几个共同的function

    为降低重复性 我想把共同的function提取出来放到父组件

    然后给两个子组件载入

    我试过把function放到父组件 然后子组件去import父组件 不可行

    这该怎么做?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 异类辉煌 普通会员 1楼

      在Angular中,你可以使用类和接口来实现函数的共用。首先,你需要定义一个类,这个类代表了你的函数的封装,然后你可以在这个类中定义一个接口,这个接口定义了函数的输入和输出类型。

      下面是一个例子:

      ```typescript // 定义一个类 class FunctionWrapper { constructor(private function: Function) {}

      // 定义一个接口 interface FunctionParams { input: any; output: any; }

      // 实现函数的封装 wrappedFunction(input: any, output: any): any { return this.function(input, output); } }

      // 定义一个函数 function myFunction(input: any, output: any) { // ... }

      // 创建一个函数包装器 const wrapper = new FunctionWrapper(myFunction);

      // 使用函数包装器 const result = wrapper.wrappedFunction("hello", 123);

      console.log(result); // 输出:123 ```

      在这个例子中,FunctionWrapper类定义了一个FunctionParams接口,它定义了函数的输入和输出类型。wrappedFunction方法实现了这个接口,它接受两个参数,并返回一个结果。

      然后,我们创建了一个FunctionWrapper实例,并使用它来创建一个函数包装器。最后,我们使用这个函数包装器来调用myFunction函数,并打印出结果。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部