javascript - Phonegap pictureSource.PHOTOLIBRARY 不适用于 Angular

Question

没有 Angular 它工作正常:

<button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Album</button>
<script type="text/javascript">
function onPhotoURISuccess(imageURI) {
  alert(imageURI)
}

function getPhoto(source) {
  navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50,
    destinationType: destinationType.imageURI,
    sourceType: source });
}

function onFail(message) {
  alert('Failed because: ' + message);
}
    </script>

但是当我尝试使用 angular 2 并且我的代码不起作用时:

<button (click)="getPhoto(pictureSource.PHOTOLIBRARY)">From Photo Album</button>

getPhoto(source) {
    alert(111);
    navigator.camera.getPicture(this.onSuccess, this.onFail, { quality: 50,
        destinationType: navigator.camera.DestinationType.imageURI,
        sourceType: source });
}
onSuccess(imageData) {
    this.photo = imageURI;
}
onFail(message) {
    alert('Photo not loaded, because: ' + message);
}

当我点击按钮时，getPhoto 函数不起作用。因为函数中有pictureSource.PHOTOLIBRARY。

Answer 1

此 API 可能未由 Angulars 专区修补。尝试明确使用区域

constructor(private zone: NgZone) {}

getPhoto(source) {
  alert(111);
  zone.run(() => {
    navigator.camera.getPicture(this.onSuccess, this.onFail, { quality: 50,
      destinationType: navigator.camera.DestinationType.imageURI,
      sourceType: source });
  });
}

(不确定语法是否正确，我不是 TS 开发人员)