有没有一种方法可以成功地循环Angular服务调用

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

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

  // 定义递归函数
  recursiveCall(count: number) {
    if (count > 0) {
      // 执行一些操作或调用其他服务方法
      console.log("循环调用中，当前计数：" + count);

      // 递归调用自身
      this.recursiveCall(count - 1);
    }
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="startLoop()">开始循环调用</button>
  `,
})
export class AppComponent {
  constructor(private dataService: DataService) { }

  startLoop() {
    // 调用服务中的递归函数
    this.dataService.recursiveCall(5);
  }
}