javascript - 在cordova相机插件的success方法中调用angluar2方法

Question

我已成功将 cordova 插件集成到我的 angular2 项目中。我调用“takePicture”方法，该方法成功调用 native 相机。

public takePicture() {
    const srcType = navigator.camera.PictureSourceType.CAMERA;
    const options = this.setOptions(srcType);
    navigator.camera.getPicture(this.onSuccess, this.onFail,options);
  }

  public onSuccess(imageData) {
    this.capture('data:image/jpeg;base64,' + imageData); <-- this doesn't work here I guess

  }

  public onFail(message) {
    alert('Failed because: ' + message);
    console.log(message);
  }
.....

问题是当我拍照并调用 onSuccess 函数时，当我调用 this.capture(....) 时，它会失败并出现以下错误:

core.es5.js:1084 ERROR TypeError: Cannot read property 'capture' of null

这意味着 Angular 不知道 this.capture(..) 方法。有谁知道如何解决这个问题吗？

Answer 1

将实例方法作为回调传递时，您会丢失对象上下文，因此 this 的计算结果为 null。

您可以通过将方法调用包装在函数中来轻松修复它:

navigator.camera.getPicture(
    (data) => this.onSuccess(data),
    (message) => this.onFail(message),
    options
);