如何獲得蜱的數量從rxjs可觀察

Question

如何獲得多少次這種觀測的跑

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

我想，這可觀測跑1或2或3次..並顯示與插補每次在模板

，如果我這樣做，它會返回百分比變量是NaN的

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

Answer 1

然後你就可以創建一個變量，它負責存儲多少時間observab的計數樂跑了。然後在該值上應用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); 
}