功能上的Ionic 2不能正确刷新ngModel

时间:2017-04-18 07:55:04

标签: android ios angular typescript ionic2

我使用wavesurfer.js并且在完成播放之后我想要将暂停按钮更改回播放按钮,但是直到我打开一个切换或做某事都没有发生。

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

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

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

1 个答案:

答案 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));

NgZone API