angularjs – 如何将cordova添加到现有的角度项目中

前端之家收集整理的这篇文章主要介绍了angularjs – 如何将cordova添加到现有的角度项目中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在寻找高低,无法直接回答或让我的代码工作.

我有一个现有的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文件冲突?

解决方法

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

猜你在找的Angularjs相关文章