如何使用rxjs發出一定範圍的特定範圍內的整數

Question

我正在使用此操作符，但區間操作符想要在可觀察的對象上它不存在於範圍內，有沒有辦法讓observable發出例如發出60爲1秒的間隔整數i一直在做這個

this.clock = Observable.range(1,60); 
this.clock = this.clock.interval(1000).map(function(value){ 
    console.log(value) 
    return value; 
}) 

其說間隔不是函數

也嘗試這樣的：

this.clock = Observable.range(1,60).interval(1000).map(function(value){ 
    console.log(value) 
    return value; 
}) 

Answer 1

var clock = Observable 
       .interval(100) 
       .take(60) 
       .map(function(value){ 
       console.log(value) 
       return value; 
       }); 

使用take（count）。

Answer 2

已經從1序列，以60爲1秒的時間間隔：

Observable 
    .interval(1000) 
    .map(x => x + 1) // to start from 1 instead of 0 
    .map(x => console.log(x)) // do some logic here 
    .take(60) 
    .subscribe(); 

這裏的輸出是：

1 
2 
3 
. 
. 
. 
58 
59 
60 

這裏，你可以看到運行後輸出的一個片段：

// just to have the working demo on SO 
 
let output = ''; 
 
let divToUpdate = document.getElementById('counter'); 
 

 
// observable 
 
Rx.Observable 
 
    .interval(1000) 
 
    .map(x => x + 1) // to start from 1 instead of 0 
 
    .map(x => { 
 
    output = `${output}<br>${x}`; 
 
    divToUpdate.innerHTML = output; 
 
    }) 
 
    .take(60) 
 
    .subscribe();

<div id="counter"></div> 
 

 
<script src="https://npmcdn.com/rxjs@5.0.0-beta.7/bundles/Rx.umd.js"></script>

Answer 3

Angular2：PLUNKER DEMO

export class App { 
    name:string; 

    constructor() { 
    this.name = 'Angular2' 

    let rangeObs = Observable.zip(
     Observable.range(0, 10), 
     Observable.interval(1000), 
     c => c); 

    rangeObs.subscribe(i => this.name = i;); 
    } 
}