CODEWITHSUNDEEP
angularjscordovayeomanionic-framework
ken
ken

Reputation: 87

How to add cordova to existing angular project

I've been searching high and low and couldn't get a direct answer or getting my code to work.

I have an existing Angular project that was started via yeoman with Angular and PhoneGap setup together. My setup uses yo and bower to generate the files.

I've tried to import certain cordova plugins to test out like the camera or datepicker and see if it works on the device but it doesn't as it was always saying the calling function is undefined.

So with the current setup I call the code below in one of my submodules

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

This doesn't work so I tried other tutorials and also by trying ngCordova which is a wrapper class for angular. The following is how it looks like in my 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 -->

In the tutorials it's asking to have the ng-cordova import above this line which does not exist 

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

How do I generate this cordova.js into an existing project and will it conflict with the phonegap.js file?

Upvotes: 4

Views: 7642

Answers (1)

Clawish
Clawish

Reputation: 2964

Just create a new project, add a platform (e.g. ios) with cordova and put the cordova.js file of it into your existing project. Phonegap supports both phonegap.js and cordova.js as stated here. You'll find the file in platforms/ios/www/cordova.js. Then, you're right, the cordova.js has to be included as the last <script> that you include.

Upvotes: 3

Related Questions