navular.camera在AngularJS / Cordova项目中未定义

时间:2016-12-08 22:17:24

标签: javascript angularjs cordova phonegap-plugins mobile-angular-ui

我正在尝试从我的Mobile Angular UI项目访问Cordova的相机插件。

navigator.geolocation正在查找所有其他Cordova的东西,但是当我尝试访问navigoator.camera时,它会以未定义的形式返回。

当我没有包含console.log(导航器)摄像头时:

Screenshot of navigator output

该插件使用以下命令安装,它位于我的插件文件夹中:

cordova插件添加cordova-plugin-camera

enter image description here

我目前正试图通过这样的工厂访问它:

angular.module('App.services.Camera', [
  'App.services.Cordova'
])

.factory('openCamera', function(deviceReady, $document, $window, $rootScope){
  return function(done) {
    deviceReady(function() {
      var srcType = Camera.PictureSourceType.CAMERA;
      var options = setOptions(srcType);
      var func = createNewFileEntry;
      navigator.camera.getPicture(function cameraSuccess(imageUri) {
        $rootScope.$apply(function(){
          done(imageUri);
        });
        displayImage(imageUri);
        func(imageUri);
      }, function cameraError(error) {
          console.debug("Unable to obtain picture: " + error, "app");

      }, options);
    });
  };
});

我是否需要在某个地方引用插件将其添加到我的项目中,或者我是否以错误的方式安装插件?

1 个答案:

答案 0 :(得分:1)

快速核对清单。

  • 您是否在配置中添加了插件。 XML? (如果没有,请添加。如果为平台安装了插件,将在每个版本中进行检查)

  • 您是否在真实设备中进行测试?插件不适用于浏览器(这是我认为发生的事情,因此请在设备上运行:ionic run android