在Angular中，同步for循环可以使用递归函数或RxJS库中的Observable进行实现。

1. 使用递归函数：

// 在组件中定义一个递归函数
public syncForLoop(index: number, array: any[]): void {
  if (index < array.length) {
    // 处理当前索引的逻辑
    console.log(array[index]);

    // 递归调用函数处理下一个索引
    this.syncForLoop(index + 1, array);
  }
}

// 调用递归函数
this.syncForLoop(0, [1, 2, 3, 4, 5]);

2. 使用RxJS Observable：

import { Observable } from 'rxjs';

// 在组件中定义一个Observable
public syncForLoop(array: any[]): Observable {
  return new Observable((observer) => {
    let index = 0;
    const interval = setInterval(() => {
      if (index < array.length) {
        // 处理当前索引的逻辑
        console.log(array[index]);
        index++;
      } else {
        // 当遍历完成时，调用complete方法结束Observable
        clearInterval(interval);
        observer.complete();
      }
    }, 1000); // 每隔1秒处理一个索引

    // 在组件销毁时，清除interval
    return () => {
      clearInterval(interval);
    };
  });
}

// 调用Observable
this.syncForLoop([1, 2, 3, 4, 5]).subscribe();

以上两种方法都可以实现同步for循环，但使用RxJS的Observable可以提供更多的控制选项，比如可以设置每个索引的处理间隔时间，可以取消循环等。