在Angular中，服务通常不会存储数据，而是将数据通过依赖注入的方式提供给组件。下面是一个示例代码：

// service.ts import { Injectable } from '@angular/core'; import { Observable } from 'rxjs'; import { HttpClient } from '@angular/common/http';

@Injectable({ providedIn: 'root' }) export class DataService { constructor(private http: HttpClient) {}

getData(): Observable { // 发送 HTTP 请求获取数据 return this.http.get('https://example.com/api/data'); } }

// component.ts import { Component, OnInit } from '@angular/core'; import { DataService } from './service';

@Component({ selector: 'app-component', template:

Data:

constructor(private dataService: DataService) {}

ngOnInit() { this.dataService.getData().subscribe((data) => { this.data = data; }); } }

在这个示例中，我们定义了一个名为 DataService 的服务，它使用了 HttpClient 发送 HTTP 请求获取数据。在 AppComponent 组件中，我们将 DataService 注入进来，通过调用 getData() 方法获取数据并将其保存到组件的成员变量中，最终在模板中展示数据。