码迷,mamicode.com
首页 > Web开发 > 详细

[RxJS] Stopping a Stream with TakeUntil

时间:2016-03-09 17:22:52      阅读:348      评论:0      收藏:0      [点我收藏+]

标签:

Observables often need to be stopped before they are completed. This lesson shows how to use takeUntil to stop a running timer. Then we use the starting stream and the stopping stream together to create a simple stopwatch.

 

const Observable = Rx.Observable;

const startButton = document.querySelector(‘#start‘);
const stopButton = document.querySelector(‘#stop‘);

const start$ = Observable.fromEvent(startButton, ‘click‘);
const interval$ = Observable.interval(1000);
const stop$ = Observable.fromEvent(stopButton, ‘click‘);

const intervalThatStops$ = interval$
    .takeUntil(stop$);

start$
    .switchMapTo(intervalThatStops$)
    .subscribe((x)=> console.log(x));

 

[RxJS] Stopping a Stream with TakeUntil

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/5258721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!