title: Angular 2 Observable Interval locks out UI
body: <p>When I use a <code>Observable.Interval</code> to perform a http refresh of a UI it locks out the buttons on the UI from working if the interval is too fast. The buttons do not register the click, seems to be a timing issue. If I increase the timing and therefore miss the get call the buttons work, but the data is then delayed in updating.</p>
  
  <p><strong>Interval</strong></p>
  
  <pre><code>this.dataSub = Observable.interval(1000).subscribe(x =&gt; {
    this.getData();
  })
  </code></pre>
  
  <p><strong>getData</strong></p>
  
  <pre><code> getData(): void {
       this.dataService.getData()
           .subscribe(
                data =&gt; this.data = data,
                error =&gt; console.log("Error HTTP Get Service" + this.data),
                () =&gt; {});
   }
  </code></pre>
  
  <p>Is there a best practice, or something I'm missing that I should be doing to refresh the UI but not lock out the buttons</p>