title: Angular View not updating after model changes
body: <p>i have a simple angular application to play audio using JavaScript web  Audio Object below is  </p>
  
  <p>app.component.ts</p>
  
  <pre><code>export class AppComponent {
    title = 'media player';
    audio;
    currentTime: number;
  
    constructor() {
      this.audio = new Audio();
      this.audio.src = './Music/demo2.MP3';
      this.audio.play();
      this.currentTime = this.audio.currentTime;
    }
  }
  </code></pre>
  
  <p>and
  app.component.ts</p>
  
  <pre><code>&lt;h4&gt;{{ currentTime }}&lt;/h4&gt;
  </code></pre>
  
  <p>everything works fine but the view isn't update as the model changes</p>