在 Angular 中，我们经常需要在不同的组件之间共享同一个服务。为了实现这一点，我们可以使用 @Injectable 装饰器来创建可注入的服务。
什么是@Injectable装饰器？
@Injectable 装饰器是 Angular 提供的一个装饰器，用来标记一个类可以作为服务提供者。当我们在一个类上添加 @Injectable 装饰器时，Angular 就会知道这个类可以被注入到其他组件中。
如何使用@Injectable装饰器？
要使用 @Injectable 装饰器，首先需要导入 Injectable 符号：
import { Injectable } from '@angular/core';然后在你的服务类上添加 @Injectable 装饰器：
@Injectable()
export class MyService {
// 服务类的代码
}接下来，你可以在需要使用这个服务的组件中将服务注入进去：
-- -------------------- ---- ------- ------ - --------- - ---- --------------- ------------ --------- ------------------- ------------ -------------------------------- ---------- -------------------------------- -- ------ ----- ----------- - ------------------- ---------- ---------- - - -
这样，你就可以在 MyComponent 组件中使用 MyService 服务了。
@Injectable 装饰器的选项
@Injectable 装饰器还可以接收一个参数，用来配置服务的依赖注入。常见的选项包括：
providedIn: 指定该服务应该由哪个模块提供。例如，可以设置为root表示该服务应该由根模块提供。
@Injectable({
providedIn: 'root'
})
export class MyService {
// 服务类的代码
}总结
通过 @Injectable 装饰器，我们可以轻松地创建可注入的服务，并在不同的组件中共享这些服务。这样，我们可以更好地组织我们的代码，并实现组件之间的通信。