Question

我正在使用以下Git (see here the code)作为Phonegap Build的输入，并已在我的手机上正确安装了应用程序（iOS）。

应用程序正确打开但是当我尝试拍照（点击按钮）时没有任何反应。它应该显示相机拍摄的图像。

有人可以向我解释什么不起作用吗？该教程来自Ionic网站。

替代方案：某人是否有工作.git或手机代码？

Answer 1

Oke所以我想出来了，关于正确设置config.xml的所有内容！

以下是如何使用Ionic和Phonegap Build

构建示例相机应用程序的概述

<强> 1。安装NodeJS或转到c9.io（云环境）并启动NodeJs项目。如果需要，删除所有文件

<强> 2。安装Ionic并启动项目（此处：标签）

npm install -g cordova ionic
ionic start myApp tabs

<强> 2a上。 cd myApp

<强> 2B。可选，添加插件（如果在浏览器或模拟器上测试）

cordova plugin add org.apache.cordova.camera

第3。 cd www

<强> 4。通过Bower安装或在/ lib

中解压缩ngCordova

bower install ngCordova

<强> 5。在index.html中添加ngCordova参考

在index.html中添加

<script src="lib/ngCordova/dist/ng-cordova.js"></script>

之前

<script src="cordova.js"></script>

<强> 6。在app.js中添加'ngCordova'作为依赖

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngCordova'])

<强> 7。编写控制器

.controller("ExampleCtrl", function($scope, $cordovaCamera) {

    $scope.takePicture = function() {
        var options = { 
            quality : 75, 
            destinationType : Camera.DestinationType.DATA_URL, 
            sourceType : Camera.PictureSourceType.CAMERA, 
            allowEdit : true,
            encodingType: Camera.EncodingType.JPEG,
            targetWidth: 300,
            targetHeight: 300,
            popoverOptions: CameraPopoverOptions,
            saveToPhotoAlbum: false
        };

        $cordovaCamera.getPicture(options).then(function(imageData) {
            $scope.imgURI = "data:image/jpeg;base64," + imageData;
        }, function(err) {
            // An error occured. Show a message to the user
        });
    }

});

<强> 8。在.html中使用控制器（不要忘记在app.js中使用ExampleCtrl添加状态tab.example）

<ion-view view-title="Example">
  <ion-content>
    <img ng-show="imgURI !== undefined" ng-src="{{imgURI}}">
    <img ng-show="imgURI === undefined" ng-src="http://placehold.it/300x300">
    <button class="button" ng-click="takePicture()">Take Picture</button>
  </ion-content>
</ion-view>

<强> 9。添加适当的config.xml。使用此模板：

https://github.com/phonegap/phonegap-start/blob/master/www/config.xml

Ionic Cordova相机无法正常工作

1 个答案: