Angular 中的服务

在Angular中，服务是一个可以用来共享数据和逻辑的可重用实例。服务可以注入到组件、指令、管道等其他Angular构造函数中，从而使它们能够共同工作，以实现我们的业务需求。

创建服务

创建一个Angular服务，需要定义一个类，并使用@Injectable装饰器将其注入到Angular的依赖注入系统中。

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

@Injectable({
  providedIn: 'root'
})
export class MyService {
  // service logic and data
}

其中，@Injectable装饰器用于告诉Angular，这个类可以被注入到其他构造函数中。providedIn: 'root'表示这个服务是在根注入器中提供的，可以在整个应用中共享该服务的实例。

使用服务

在组件中，可以通过构造函数注入服务，从而使用它的实例。

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

@Component({
  selector: 'app-my-component',
  template: `{{ message }}`
})
export class MyComponent {
  message: string;

  constructor(private myService: MyService) {
    this.message = myService.getMessage();
  }
}

在上面的代码中，MyService类的实例会被注入到MyComponent组件的构造函数中，然后就可以调用MyService类中的方法。

提供服务

除了使用providedIn方式提供服务外，还可以在NgModule的providers数组中定义服务，然后在组件中使用它。

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

@NgModule({
  providers: [MyService],
  declarations: [MyComponent],
})
export class MyModule { }

在上面的代码中，MyService类会被注册到MyModule中，MyComponent组件会自动注入它。

总结

Angular中的服务是一个可重用的实例，可以被注入到其他构造函数中，共享数据和逻辑。我们可以通过@Injectable装饰器将服务注入到依赖注入系统中，也可以在NgModule的providers数组中定义服务。服务的使用可以使我们的组件更加简洁，更加聚焦于业务逻辑的实现。