javascript - 如何从 rxjs Observable 获取刻度数

Question

如何获取这个observable运行了多少次

   this.clock = Observable.interval(1000).map(function(value){
     if(value == 0){
       return  value * 100 / 60;
     }
     return value * 100 / 60;
    }).take(61);

我想让这个 Observable 运行 1 或 2 或 3.. 次，并且每次都在模板中显示插值

如果我这样做，它会返回百分比变量为 NaN

this.clock.subscribe(function(x){
              console.log(x);
              console.log("percentage " + this.percentage);
              this.percentage = this.percentage + 1;
    })

Answer 1

然后您可以创建一个变量，该变量将负责存储 observable 运行的次数。然后对该值应用 async 以显示 observable 返回的值。

{{ clockCount | async }}

代码

clockCount: any;
count: number = 0;
ngOnInit(){
    this.clock = Observable.interval(1000).map((value) => {
       if(value == 0){
         return  value * 100 / 60;
       }
       return value * 100 / 60;
    }).take(61);
    this.clockCount = this.clock.do(() => this.count = ++this.count);
}