在Angular中，递归HTTP请求导致无限循环的问题通常是由于在HTTP请求的回调函数中再次调用同一个HTTP请求导致的。为了解决这个问题，可以采取以下步骤：

1. 创建一个标志位来跟踪递归请求的状态。例如，可以在组件中定义一个布尔变量isRequesting，并将其初始化为false。

2. 在进行HTTP请求之前，检查标志位的值。如果标志位为true，则不再发送新的请求，而是直接返回。

export class MyComponent implements OnInit {
  isRequesting: boolean = false;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.sendRequest();
  }

  sendRequest() {
    if (this.isRequesting) {
      return;
    }

    this.isRequesting = true;

    this.http.get('https://example.com/api')
      .subscribe(
        response => {
          // 处理响应数据
          this.isRequesting = false;
          // 可以根据需要进行递归调用
          this.sendRequest();
        },
        error => {
          // 处理错误
          this.isRequesting = false;
        }
      );
  }
}

在上面的示例中，发送HTTP请求之前，会先检查isRequesting变量的值。如果为true，则直接返回，不再发送新的请求。这样就可以防止递归请求的无限循环。

另外，为了确保在请求完成之前不再发送新的请求，需要在HTTP请求的回调函数中设置isRequesting变量的值为false。这样，在请求完成之前，不会再进入递归调用。

通过以上措施，可以有效解决Angular中递归HTTP请求导致无限循环的问题。