RxJs Sandbox

combine all, flatmap demo

by reesewill

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.1.0/rxjs.umd.min.js"></script>
<input id="dropdown" type="text" class="dropdown">
<div class="output"></div>

<script src="https://npmcdn.com/@reactivex/[email protected]/dist/global/Rx.umd.js"></script>

CSS

.output {
  background: #fff;
  line-height: 1.3em;
}

JavaScript

function write(val) {
	var output = document.querySelector('.output');
  
  if (output.innerHTML) {
  	output.innerHTML += '<br>' + val;
  } else {
  	output.innerHTML = val;
  }
}

var dd = document.querySelector('.dropdown');


var oA = Rx.Observable.fromEvent(dd, 'click').flatMap(() => {
	return [1,2];
}).flatMap((v,b) => {
	write(v);
  write(b);
}).subscribe(function(){});