title: Possible to bind HTML5 audio currentTime to input range value in Angular2?
body: <p>I'm trying to make a scrub bar for an audio player. I have a HTML 5 audio player created with <code>var audioPlayer = new Audio()</code>. I'd like to bind a HTML <code>&lt;input type="range"&gt;</code> so that 1) the range reflects the audio position but also when I click the range, it changes the audio position to the new position. I am doing like this:</p>
  
  <pre><code>&lt;input type="range" min="0" max="{{ audioPlayer.duration }}" [value]="audioPlayer.currentTime" (input)="audioPlayer.currentTime = $event.target.value"&gt;
  </code></pre>
  
  <p>I am able to change the <code>currentTime</code> by clicking the range slider, but the range slider doesn't move when <code>currentTime</code> changes so it doesn't reflect the current audio position.</p>
  
  <p>What am I doing wrong here? Why doesn't the value bind properly?</p>