具有間隔的Angular2 Observable

Question

我有一個需要每500ms調用一次的函數。 我正在考慮使用angular2的方式是使用interval和observables。 我試過這個函數來創建observable：

counter() {
  return Observable.create(observer => {
    setInterval(() => {
      return this.media.getCurrentPosition();
    }, 500)
  })
}

使用此代碼為訂閱者：

test() {
  this.playerService.initUrl(xxxx) // This works
  this.playerService.counter().subscribe(data => {
    res => {
      console.log(data);
    }
  })
}

我對於observables和angular2非常新，所以我可能完全采取了錯誤的方法。 任何幫助表示贊賞。

Answer 1

Observable類有一個靜態interval方法，以毫秒為單位（如setInterval方法）作為參數：

counter() {
    return Observable
        .interval(500)
        .flatMap(() => {
            return this.media.getCurrentPosition();
        });
}

在您的組件或任何地方：

test() {
  this.playerService.initUrl(xxxx) // This works
  this.playerService.counter().subscribe(
      data => {
          console.log(data);
      }
   );
}