ngOnChanges only detecting change when cursor is moving
<p>I have an input on an Angular2 directive which contains a variable being updated on an interval.</p>

<p>The issue i'm finding is that if a cursor is not being actively moved it stops detecting change and only resumes detecting again when the mouse resumes movement. I have to imagine there is a way to fire a function whenever the @Input is changed without any interaction from a cursor?</p>

<p><strong>The Directive</strong></p>

<pre><code>@Input('current-beat') currentBeat: number;
ngOnChanges() {
  this.update();
  console.log('changed detected', this.currentBeat);
}
</code></pre>

<p><strong>HTML Tag markup</strong></p>

<pre><code>&lt;div my-instrument-beat-changer [current-beat]="sequencerSettings['beat']"&gt;
</code></pre>

<p><strong>The function in the Service that Updates the currentBeat</strong></p>

<pre><code>// function called when a web worker set on an interval
// posts a message to the service
setBeat(time: number, beat: number) {
    this.sequencerSettings['beat'] = beat;
}
</code></pre>