RxJS - switchMap

RxJS - switchMap

by ayyanarj

HTML

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

<input type="button" id="button1" text="Click Me" />


<p>
Combined Value: 
<span></span>
</p>

JavaScript

var span = document.querySelector("span");

var button1 = document.querySelector("#button1");

var obs1 = Rx.Observable.fromEvent(button1, 'click');
var obs2 = Rx.Observable.interval(1000);

/*
obs1.subscribe(event1 => span.textContent = event1.target.value);
obs2.subscribe(event2 => {
	span.textContent = event2.target.value
});
*/

obs1.switchMap(
	event1 => {
  	return obs2;
  }
).subscribe(val => {
	span.textContent = val;
});