访问从其他组件中的服务创建的数据会引发调用堆栈大小超出Angular

function recursiveFunction(n: number): number {
  if (n <= 0) {
    return 0;
  }
  return n + recursiveFunction(n - 1);
}

async function asyncRecursiveFunction(n: number): Promise<number> {
  if (n <= 0) {
    return 0;
  }
  const result = await new Promise(resolve => setTimeout(() => resolve(n), 0));
  return result + await asyncRecursiveFunction(n - 1);
}

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

@Component({
  selector: 'app-component-a',
  providers: [
    { provide: 'ServiceB', useClass: forwardRef(() => ServiceB) }
  ]
})
export class ComponentA {
  constructor(@Inject('ServiceB') private serviceB: ServiceB) {}
}

@Injectable({
  providedIn: 'root'
})
export class ServiceB {
  constructor(@Inject(forwardRef(() => ComponentA)) private componentA: ComponentA) {}
}

import { Component, ChangeDetectorRef } from '@angular/core';

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

  constructor(private cdr: ChangeDetectorRef) {}

  updateData() {
    this.data = /* 更新数据 */;
    this.cdr.detectChanges();
  }
}