Angular 2 Wie bekomme ich mouseX auf setInterval mit Observables?

Question

Ich bekomme die aktuelle Mausposition in einem setInterval. Wie kann ich dasselbe mit Typescript und Angular 2 erreichen?

Ich meine, ich kann einen Timer mit Observables erstellen, aber wie kann ich die aktuelle Mausposition innerhalb dieses Timers lesen?

let startX = event.pageX; 

setInterval(function(){ 
    let diff = window.mouseX - startX; 
    console.log(diff); 
}, 50) 

Answer 1

Sie können dies tun:

let startX = event.pageX; 


    let observable = Observable.create((observer: any) => { 

     setInterval(function(){ 
      let diff = window.mouseX - startX; 
      observer.next(diff); 
     }, 50) 

    });