如何使用Angular的@Injectable装饰器来创建可注入的服务

要使用Angular的@Injectable装饰器来创建可注入的服务，首先需要在服务类上方添加@Injectable装饰器。例如：

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

@Injectable({
  providedIn: 'root'
})
export class MyService {
  constructor() { }

  // 添加服务方法
}

在上面的示例中，我们使用@Injectable装饰器来将MyService类标记为可注入的服务。@Injectable装饰器还接受一个配置对象，其中的providedIn属性指定了该服务应该由哪个模块提供。在这种情况下，我们将服务提供给根模块。

一旦我们将@Injectable装饰器添加到服务类中，就可以在组件或其他服务中注入这个服务。例如，在组件中注入MyService服务：

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

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

  // 使用服务方法
}

通过这种方式，我们可以使用@Injectable装饰器来创建可注入的服务，并在应用中的其他组件或服务中使用该服务。