Angular 服务（Services）是 Angular 应用程序中用于管理数据和逻辑的关键组件。服务允许你在应用程序的不同部分之间共享数据和方法。

服务类型

  1. 单例服务：在整个应用程序的生命周期中，单例服务只有一个实例。
  2. 多例服务：每次需要时都会创建一个新的实例。

创建服务

要在 Angular 中创建一个服务，你可以使用以下步骤：

  1. 在 app.module.ts 中导入 Injectable 装饰器。
  2. 创建一个新的类，并使用 @Injectable() 装饰器标记它。
  3. 在需要使用该服务的组件中，通过构造函数注入来使用它。

示例

以下是一个简单的服务示例：

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

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

  getUser() {
    return 'John Doe';
  }
}

使用服务

在组件中，你可以通过构造函数注入来使用 UserService：

import { Component } from '@angular/core';
import { UserService } from './user.service';

@Component({
  selector: 'app-root',
  template: `<h1>Welcome, {{ userService.getUser() }}</h1>`
})
export class AppComponent {
  constructor(private userService: UserService) { }
}

扩展阅读

想要了解更多关于 Angular 服务的知识，请访问我们的 Angular 服务教程。

Angular_Service