1. 在服务中定义一个函数，将需要转移的逻辑放置在该函数中，并通过@Injectable()装饰器将该服务标记为可注入的（可在组件中使用）。

示例代码：

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

@Injectable() export class MyService { // 在服务中定义函数 doSomething() { // 函数中的逻辑 } }

2. 在组件中引入该服务，并通过构造函数将该服务注入到组件中。

示例代码：

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

@Component({ selector: 'app-my-component', template: 'Click me' }) export class MyComponent { constructor(private myService: MyService) {}

onClick() { // 调用服务中的函数 this.myService.doSomething(); } })

通过这种方式，我们可以将组件中的逻辑分离到服务中，使代码更加清晰和可维护。