MediaRecorder.ondata与Angular一起使用,如何使绑定工作?

时间:2018-05-15 16:53:44

标签: angular

感谢这个post,我可以使用带有角度的MediaRecorder。但我的绑定存在问题。

变量:

public test: string = "Step1";

MediaRecorder:

start(){
        this.test = "Step2"
        this.mediaRecorder = new MediaRecorder(stream, options);
        this.mediaRecorder.onstop = (e) => {
            console.log("look i'm the console"); 
            this.test = "Step4";
        }
        this.mediaRecorder.start();
    }

    stop(){
        this.test = "Step3"
        this.mediaRecorder.stop();
    }

HTML: 进展:{{test}}

<button (click)="start()">Start</button>
<button (click)="stop()">Stop</button>

我删除了大部分代码,例如,这样会更容易理解。

  • 我启动了应用,我可以看到进展:Step1
  • 我点击开始,我可以看到进展:Step2
  • 我点击停止,我可以看到进展:第3步
  • 然后启动事件就会启动,在控制台中我可以看到看起来我是控制台,但是Progression仍然在Step3而不是Step4。

如何在我的代码中正确地使绑定工作?

1 个答案:

答案 0 :(得分:0)

这是解决方案:

    this.mediaRecorder.addEventListener('stop', event => {
        console.log("look i'm the console"); 
        this.test = "Step4";
    });