android - Ionic 2 on function 无法正确刷新 ngModel

Question

我使用 wavesurfer.js，在它播放完毕后，我想将暂停按钮改回播放按钮，但直到我打开切换按钮或执行某些操作之前，什么都没有发生。

this.wavesurfer.on('finish', function () {
  this.isPlaying = false;
}.bind(this));

我有这个简单的代码，我使用了 console.log() 所以我知道它已被正确调用，并且绑定(bind)也很好。但是，只有在页面上执行某些操作后，我才能看到更改。

我该怎么办？任何帮助将不胜感激。

Answer 1

after it's finish playing i want to change the pause button back to play button, but until i open a toggle or do something nothing happen

我相信你在你的 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));

NgZone API