javascript – 带间隔的Angular2 Observable

我有一个需要每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非常新,所以我可能完全采取了错误的方法.任何帮助表示赞赏.

解决方法:

Observable类有一个静态间隔方法,以毫秒为单位(如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);
      }
   );
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐