2014-12-09 4 views
4

Я искал высоко и низко и не мог получить прямой ответ или заставить мой код работать.Как добавить кордову в существующий угловой проект

У меня есть существующий проект Angular, который был запущен через yeoman с Angular и PhoneGap. Моя настройка использует yo и bower для генерации файлов.

Я пытался импортировать некоторые плагины Cordova, чтобы проверить, как камеры или DatePicker и посмотреть, если он работает на устройстве, но он делает не так, как всегда говорил, вызываемая функция не определена.

Так с текущей настройкой я называю ниже кодом в одном из моих подмодулей

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

Это не работаю, так что я пробовал другие учебные пособия, а также пробуя ngCordova который является классом-оболочки для углового. Ниже показано, как это выглядит в моем 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 --> 

В учебниках он просит, чтобы иметь нг-Cordova импорт выше этой линии, которая не существует

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

Как генерировать этот cordova.js в существующий проект и будет ли он противоречить файлу phonegap.js?

+0

необходимо использовать либо phonegap.js, либо cordova.js. если вы используете phonegap, то используйте phonegap.js, если вы используете кордову, тогда используйте cordova.js. Если вы новичок в телефоне и мире кордоны и запутались между телефонной связью и кордорой, я предлагаю прочитать разницу между ними. – Rupesh

+0

Я читал о них, но телефонная связь все еще указывает на страницу кордовы при импорте плагинов. Могу ли я предположить, что phonegap.js может заменить cordova.js? – ken

+0

не уверен в последних версиях, но все phonegap.js делает, так как версия 3.0 - это просто загрузка cordova.js ... – QuickFix

ответ

3

Просто создайте новый проект, добавьте платформу (например, ios) с кордорой и поместите файл cordova.js в свой существующий проект. Телефонная связь поддерживает как phonegap.js, так и cordova.js, как указано here. Вы найдете файл в platforms/ios/www/cordova.js. Тогда вы правы, cordova.js должен быть включен в качестве последнего <script>, который вы включили.

+0

Спасибо, это, кажется, указывает на правильное направление, но я замечаю, что в моем текущем проекте cordova.js уже существует в платформах/ios/CordovaLib/и platform/ios/platform_www/folders. Так вы говорите, чтобы скопировать файл из этих папок и поместить его в ту же папку с помощью phonegap.js? Кажется, я думаю, что это неправильно? – ken

+0

Это правильно. – Clawish

+0

Я только что протестировал копирование cordova.js с платформ/ios/CordovaLib/в ту же папку, что и index.html, и он жалуется на проблему с привязкой к невозможности доступа к cordova_plugins.js. Я не думаю, что я должен также копировать все эти файлы зависимостей? – ken

Смежные вопросы