Question

我有一个简单的角度应用程序，它集成了一个音频播放器。

<audio id="passage-audio" class="passage" controls ontimeupdate="document.getElementById('tracktime').value = this.currentTime ;">
    <source src="Luke.2.1-Luke.2.20.mp3" type="audio/mp3">
    <em class="error"><strong>Error:</strong> Your browser doesn't appear to support HTML5 Audio.</em>
</audio>

音频播放器有一个名为＆＃34; ontimeupdate＆＃34;的事件，这将使用id＆＃34; tracktime＆＃34;更新html元素中的时间。这很好用。

我想做的是使用＆＃34; ontimeupdate＆＃34;调用控制器中的函数。现在它无法访问该类。

<audio id="passage-audio" class="passage" controls (ontimeupdate)="updateTime()">...
</audio>

我有办法实现这个目标吗？

如果我写了一个音频指令，我将能够访问此事件吗？

谢谢

Answer 1

尝试<audio ... (timeupdate)="updateTime()">

Answer 2

不确定您想要什么，但如果要在每次更新时更新角度应用，您可以通过调用$scope.$apply()并传递$ scope函数来完成此操作。

angular2 html 5音频播放器ontimeupdate事件

2 个答案: