我使用wavesurfer.js并且在完成播放之后我想要将暂停按钮更改回播放按钮,但是直到我打开一个切换或做某事都没有发生。
this.wavesurfer.on('finish', function () {
this.isPlaying = false;
}.bind(this));
我有这个简单的代码,我使用 console.log()所以我知道它已被正确调用,并且绑定也很好。但是,只有在我在页面上执行某些操作后才会看到更改。
我该怎么办? 任何帮助将不胜感激。
答案 0 :(得分:1)
完成播放后我想将暂停按钮更改回播放按钮,但直到我打开一个切换按钮或做任何事情都没有发生
我相信你在你的HTML中使用this.playing
..
您的wavesurfer.js
正在改变Angular区域之外的值。
尝试使用ngZone
API:
import {NgZone} from '@angular/core';
constructor(private ngZone:NgZone){}
//...
this.wavesurfer.on('finish', function () {
this.ngZone.run(()=>{
this.isPlaying = false;
});
}.bind(this));