Angular 创建服务

Angular 创建服务的步骤如下：

1. 在 Angular 应用中创建一个服务类，可以使用 Angular CLI 命令 ng generate service 创建。

2. 在服务类中定义需要的属性和方法。

3. 在需要使用服务的组件中引入服务类，并在构造函数中注入服务。

4. 在组件中使用服务的方法和属性。

例如，以下是一个简单的 Angular 服务类示例：

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

@Injectable({
  providedIn: 'root'
})
export class MyService {
  private data: string[] = [];

  addData(input: string) {
    this.data.push(input);
  }

  getData() {
    return this.data;
  }
}

在组件中使用该服务：

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

@Component({
  selector: 'app-root',
  template: `
    <button (click)="addData()">Add Data</button>
    <ul>
      <li *ngFor="let item of data">{{ item }}</li>
    </ul>
  `
})
export class AppComponent {
  data: string[];

  constructor(private myService: MyService) {}

  addData() {
    this.myService.addData('New Data');
    this.data = this.myService.getData();
  }
}

当用户点击按钮时，会调用 MyService 的 addData 方法，将数据添加到服务中，并在组件中显示服务中的数据。