plastikaweb
12/5/2016 - 6:10 PM

JS Bin// source https://jsbin.com/jewezex RxJS starting a stream with RxJS

JS Bin// source https://jsbin.com/jewezex RxJS starting a stream with RxJS

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js"></script>
</head>
<body>
  <button id="start">Start</button>
<script id="jsbin-javascript">
"use strict";
var btn = document.querySelector('#start');
var start$ = Rx.Observable.fromEvent(btn, 'click');
var interval$ = Rx.Observable.interval(1000);
var startInterval$ = start$.flatMap(function () { return interval$; });
startInterval$.subscribe(function (x) { return console.log(x); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUM3QyxJQUFNLE1BQU0sR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFDckQsSUFBTSxTQUFTLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDL0MsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVMsQ0FBQyxDQUFDO0FBRXRELGNBQWMsQ0FBQyxTQUFTLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFkLENBQWMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgYnRuID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI3N0YXJ0Jyk7XG5jb25zdCBzdGFydCQgPSBSeC5PYnNlcnZhYmxlLmZyb21FdmVudChidG4sICdjbGljaycpO1xuY29uc3QgaW50ZXJ2YWwkID0gUnguT2JzZXJ2YWJsZS5pbnRlcnZhbCgxMDAwKTtcbmNvbnN0IHN0YXJ0SW50ZXJ2YWwkID0gc3RhcnQkLmZsYXRNYXAoKCkgPT4gaW50ZXJ2YWwkKTtcblxuIHN0YXJ0SW50ZXJ2YWwkLnN1YnNjcmliZSgoeCkgPT4gY29uc29sZS5sb2coeCkpOyJdfQ==
</script>

<script id="jsbin-source-html" type="text/html">
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js"><\/script>
</head>
<body>
  <button id="start">Start</button>
</body>
</html></script>


<script id="jsbin-source-javascript" type="text/javascript">const btn = document.querySelector('#start');
const start$ = Rx.Observable.fromEvent(btn, 'click');
const interval$ = Rx.Observable.interval(1000);
const startInterval$ = start$.flatMap(() => interval$);

 startInterval$.subscribe((x) => console.log(x));</script></body>
</html>
"use strict";
var btn = document.querySelector('#start');
var start$ = Rx.Observable.fromEvent(btn, 'click');
var interval$ = Rx.Observable.interval(1000);
var startInterval$ = start$.flatMap(function () { return interval$; });
startInterval$.subscribe(function (x) { return console.log(x); });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUM3QyxJQUFNLE1BQU0sR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFDckQsSUFBTSxTQUFTLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDL0MsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVMsQ0FBQyxDQUFDO0FBRXRELGNBQWMsQ0FBQyxTQUFTLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFkLENBQWMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgYnRuID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI3N0YXJ0Jyk7XG5jb25zdCBzdGFydCQgPSBSeC5PYnNlcnZhYmxlLmZyb21FdmVudChidG4sICdjbGljaycpO1xuY29uc3QgaW50ZXJ2YWwkID0gUnguT2JzZXJ2YWJsZS5pbnRlcnZhbCgxMDAwKTtcbmNvbnN0IHN0YXJ0SW50ZXJ2YWwkID0gc3RhcnQkLmZsYXRNYXAoKCkgPT4gaW50ZXJ2YWwkKTtcblxuIHN0YXJ0SW50ZXJ2YWwkLnN1YnNjcmliZSgoeCkgPT4gY29uc29sZS5sb2coeCkpOyJdfQ==