Academind - 4

mergeMap()

by Suman Kumar

HTML

<div class="container">
   <input type="text" id="inp1">
   <input type="text" id="inp2">
   
   <p>
   Combined Value : <span id="opSpan"></span>
   </p>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.4.2/Rx.min.js"></script>

JavaScript

var inp1 = $('#inp1');
var inp2 = $('#inp2');
var span = $('#opSpan');

Rx.Observable.fromEvent(inp1, 'keyup')
.mergeMap((event1) => {
	return Rx.Observable.fromEvent(inp2, 'keyup')
  .map((event2) => event1.target.value + ' ' + event2.target.value);
})
.subscribe(
	(val) => {
  	span.html(val);
  }
);