要从一个组件调用另一个组件的函数，可以使用Angular的“@ViewChild”装饰器来实现。以下是解决该问题的示例代码：

首先，在调用函数的组件中，使用“@ViewChild”装饰器来引用目标组件。例如，假设我们要从组件A调用组件B的函数：

import { Component, ViewChild } from '@angular/core';
import { ComponentB } from './component-b.component';

@Component({
  selector: 'app-component-a',
  template: `
    
    Call Function
  `,
})
export class ComponentA {
  @ViewChild(ComponentB) componentB: ComponentB;

  callFunction() {
    // 调用组件B的函数
    this.componentB.functionInComponentB();
  }
}

然后，在被调用函数的组件中，定义该函数并导出它。例如，假设我们要在组件B中调用一个名为“functionInComponentB”的函数：

import { Component } from '@angular/core';

@Component({
  selector: 'app-component-b',
  template: `
    
Component B
  `,
})
export class ComponentB {
  functionInComponentB() {
    console.log('Function called from Component A');
  }
}

在这个示例中，我们通过“@ViewChild”装饰器引用了组件B，并在组件A中的“callFunction”方法中调用了组件B的函数。

请注意，要调用的函数必须在被调用组件的类中定义，并且该函数必须是公共的（即公共访问修饰符）。