title: Angular 4 - Converting events to observable streams
body: <p>I'm fairly new to Rxjs and Angular 4 and can't get my head around how to do this. </p>
  
  <p>Template:</p>
  
  <pre><code>&lt;div class="btn-group cp"&gt;
     &lt;input [colorPicker]="bgColor" 
     (colorPickerChange)="colorChanged()" 
     [style.background]="bgColor"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>colorChanged() gets called by the colorPickerChnage on mousemove. I want to have something like this in my component: </p>
  
  <pre><code>colorChanged$.subscribe(data =&gt; console.log(data))
  </code></pre>
  
  <p>(It will have some debounce and more subscribers, that's why I'd like to have it as an observable.)</p>