如何创建自动轮询服务以使Angular中的数据保持最新

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { interval } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class PollingService {
  private apiUrl = 'http://example.com/api/data'; // 替换为实际的API地址
  private pollingInterval = 5000; // 轮询间隔，单位为毫秒

  constructor(private http: HttpClient) {
    this.startPolling();
  }

  private startPolling(): void {
    interval(this.pollingInterval).subscribe(() => {
      this.getData();
    });
  }

  private getData(): void {
    this.http.get(this.apiUrl).subscribe((data: any) => {
      // 更新数据，例如将获取的数据存储在一个变量中
    });
  }
}

import { Component, OnInit } from '@angular/core';
import { PollingService } from '路径/polling.service'; // 替换为实际的服务路径

@Component({
  selector: 'app-my-component',
  template: `
    <div>{{ data }}</div>
  `
})
export class MyComponent implements OnInit {
  data: any;

  constructor(private pollingService: PollingService) {}

  ngOnInit(): void {
    this.pollingService.getData(); // 获取初始数据
    // 根据需要在其他地方调用该方法
  }
}