要让Angular组件能够从服务中看到函数，可以使用依赖注入将服务注入到组件中。

以下是一个解决方法的示例：

1. 创建一个服务文件，例如my-service.service.ts，并在其中定义一个函数myFunction：

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

@Injectable({
  providedIn: 'root'
})
export class MyService {
  myFunction() {
    // 在这里定义服务中的函数逻辑
  }
}

2. 在组件文件中，使用构造函数将服务注入到组件中，并在需要的地方调用服务中的函数：

import { Component } from '@angular/core';
import { MyService } from './my-service.service';

@Component({
  selector: 'app-my-component',
  template: `
    调用服务中的函数
  `
})
export class MyComponent {
  constructor(private myService: MyService) {}

  callMyFunction() {
    this.myService.myFunction();
  }
}

在上述示例中，MyService服务被注入到MyComponent组件中，并通过调用myService.myFunction()来调用服务中的函数。

确保在组件的模板中使用了相应的事件绑定，以调用callMyFunction()函数。