Angular 7 RXJS可观察到计时器间隔立即开始无限循环

Angular 7是一种流行的前端开发框架，而RXJS是Angular中用于处理异步数据流的库。在Angular 7中，可以使用RXJS的可观察对象（Observable）来创建一个计时器，使其以指定的时间间隔无限循环。

具体实现步骤如下：

1. 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
2. 在组件文件中，导入必要的依赖：

import { Observable, interval } from 'rxjs';
import { take } from 'rxjs/operators';

1. 在组件类中，创建一个可观察对象并订阅它：

timer$: Observable<number>;

ngOnInit() {
  this.timer$ = interval(1000).pipe(
    take(10) // 设置循环次数，这里设置为10次
  );

  this.timer$.subscribe(
    value => {
      console.log(value); // 每秒输出一个数字
    },
    error => {
      console.error(error);
    },
    () => {
      console.log('Timer completed');
    }
  );
}

在上述代码中，我们使用interval(1000)创建了一个每秒发出一个值的可观察对象。通过使用pipe操作符和take操作符，我们可以设置循环次数为10次。然后，我们通过subscribe方法订阅了这个可观察对象，并定义了对于每个值的处理逻辑、错误处理逻辑以及完成时的处理逻辑。

这样，当组件初始化时，计时器就会开始以指定的时间间隔无限循环，并在控制台输出每个值。在这个例子中，计时器将会输出0到9的数字。

关于Angular和RXJS的更多信息，你可以参考以下链接：

• Angular官方网站：https://angular.io/
• RXJS官方文档：https://rxjs.dev/

请注意，以上答案中没有提及任何特定的腾讯云产品，因为问题并未要求提供相关产品信息。如果你需要了解腾讯云的相关产品，可以访问腾讯云官方网站：https://cloud.tencent.com/