Angular7 - 服务介绍

在 Angular 开发中，服务是应用程序中最重要的概念之一。服务是用于执行某些任务或数据交互的特殊组件。在 Angular 中，服务是一个单例对象，可以跨组件共享数据。

注册服务

要使用服务，需要在应用程序中的某个位置注册它。在 Angular 中，有三种方法来注册服务：

Angular 服务提供商

在组件的 @Component 装饰器中，可以通过 providers 属性来注册服务：

@Component({
  ...
  providers: [MyService]
})

这会将 MyService 服务注册到这个组件的依赖注入器中，使得该组件及其子组件可以使用此服务。

如果要在整个应用中使用服务，则可以将其注入到 AppModule 中：

@NgModule({
  ...
  providers: [MyService]
})
export class AppModule { }

这样就可以让整个应用程序使用 MyService 服务。

组件级别

在 Angular 中，还可以将服务注册到组件级别。这意味着服务仅在该组件及其子组件中可用。这是通过在 @Component 装饰器中设置 viewProviders 属性来实现的：

@Component({
  ...
  viewProviders: [MyService]
})

在某一个模块中

在 Angular 中，可以创建一个独立的模块来设置服务提供商。这样可以更好地组织代码，并将服务组件分离出来，以便更好地重用它们。

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

如上所述，MyService 服务现在可以在 MyModule 中的任何组件中使用。

使用服务

要使用服务，首先需要将其注入到组件或另一个服务中。在 Angular 中，可以使用依赖项注入器来实现这一点。

constructor(private myService: MyService) { }

在上述代码中，我们将 MyService 服务的实例注入到组件中，并将其命名为 myService。

在使用服务之前，必须确保已将服务注册到组件或模块级别。

提供属性

要使用服务的属性，只需在组件中访问它们即可：

myProperty = this.myService.someProperty;

调用方法

如果服务包含方法，则可以通过以下方式调用它们：

this.myService.someMethod();

注册事件

服务可以通过 Rx.js 库发出事件。通过订阅这些事件，可以在组件中处理服务发出的事件。

this.myService.someEvent.subscribe(() => {
  // handle the event
});

总结

以上是 Angular 中服务的介绍，服务是 Angular 开发中极为重要的概念，它可以用于执行某些任务或数据交互，使得代码更好组织，更加灵活。务必牢记服务的注册和使用方法。