angularjs - 如何将cordova添加到现有的 Angular 项目

Question

我一直在四处寻找，但无法得到直接答案或让我的代码正常工作。

我有一个现有的 Angular 项目，该项目是通过 yeoman 启动的，同时设置了 Angular 和 PhoneGap。我的设置使用 yo 和 bower 来生成文件。

我尝试导入某些cordova插件来测试，例如相机或日期选择器，看看它是否可以在设备上运行，但它并不像以前那样总是说调用函数未定义。

因此，在当前设置下，我在我的子模块之一中调用下面的代码

navigator.camera.getPicture(onSuccess,onFail,{sourceType:1,quality:60}); 

这不起作用，所以我尝试了其他教程，还尝试了 ngCordova，它是 Angular 的包装类。以下是我的index.html 中的样子

<!-- build:js(.) scripts/vendor.js -->
<script src="phonegap.js"></script>
<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/collide/collide.js"></script>
<script src="bower_components/ionic/release/js/ionic.js"></script>
<script src="bower_components/ionic/release/js/ionic-angular.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<script src="bower_components/angular-translate/angular-translate.js"></script>
<script src="bower_components/pouchdb/dist/pouchdb-nightly.js"></script>
<script src="bower_components/angular-pouchdb/angular-pouchdb.js"></script>
<script src="bower_components/proj4/dist/proj4.js"></script>
<script src="bower_components/ngCordova/dist/ng-cordova.js"></script>
<!-- endbower -->

在教程中，它要求在该行上方导入 ng-cordova，但该行不存在

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

如何将cordova.js生成到现有项目中，它会与phonegap.js文件冲突吗？

Answer 1

只需创建一个新项目，添加一个带有 cordova 的平台(例如 ios)并放入 cordova.js将其文件添加到您现有的项目中。 Phonegap 支持phonegap.js和cordova.js如上所述here 。您可以在 platforms/ios/www/cordova.js 中找到该文件。 。那么，你是对的，cordova.js必须包含在最后一个 <script>您包含的内容。