title: How to add cordova to existing angular project
body: <p>I've been searching high and low and couldn't get a direct answer or getting my code to work. </p>
  
  <p>I have an existing <code>Angular</code> project that was started via <code>yeoman</code> with <code>Angular</code> and <code>PhoneGap</code> setup together. My setup uses <code>yo</code> and <code>bower</code> to generate the files. </p>
  
  <p>I've tried to import certain cordova plugins to test out like the <em>camera</em> or <em>datepicker</em> and see if it works on the device but it doesn't as it was always saying the calling function is undefined. </p>
  
  <p>So with the current setup I call the code below in one of my submodules</p>
  
  <pre><code>navigator.camera.getPicture(onSuccess,onFail,{sourceType:1,quality:60}); 
  </code></pre>
  
  <p>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</p>
  
  <pre><code>&lt;!-- build:js(.) scripts/vendor.js --&gt;
  &lt;script src="phonegap.js"&gt;&lt;/script&gt;
  &lt;!-- bower:js --&gt;
  &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-sanitize/angular-sanitize.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/collide/collide.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/ionic/release/js/ionic.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/ionic/release/js/ionic-angular.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/json3/lib/json3.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-translate/angular-translate.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/pouchdb/dist/pouchdb-nightly.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-pouchdb/angular-pouchdb.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/proj4/dist/proj4.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/ngCordova/dist/ng-cordova.js"&gt;&lt;/script&gt;
  &lt;!-- endbower --&gt;
  </code></pre>
  
  <p>In the tutorials it's asking to  have the ng-cordova import above this line which does not exist </p>
  
  <pre><code>&lt;script src="cordova.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>How do I generate this cordova.js into an existing project and will it conflict with the phonegap.js file? </p>