$cordovaImagePicker.getPictures undefined
Я создаю свое первое приложение с использованием Visual Studio Tools для Apache Cordova ( TACO) и сталкиваюсь с проблемой, пытаясь использовать мой первый плагин Cordova $cordovaImagePicker. Я использую Visual Studio 2015 обновление 2 с версией 12.0.60401.1 расширения VS Taco.
config.xml настроен на использование версии 6.0.0 CLI Cordova, и я установил версию 1.1.0 плагина https://github.com/wymsee/cordova-imagePicker.git. Мой index.html ниже загружает версию 1.4.7 angularjs, 1.1.0 ionic.js и 0.1.23-alpha ng-cordova.js.
<!DOCTYPE html>
<html data-ng-app="app">
<head>
<meta charset="utf-8" />
</head>
<body>
<div data-ng-view></div>
<!-- External Libraries -->
<script src="lib/angular.js"></script>
<script src="lib/angular-route.js"></script>
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ng-cordova.js"></script>
<!-- App -->
<script src="scripts/app.module.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/home.js"></script>
<script src="scripts/dashboard.js"></script>
<!-- Widgets -->
<script src="scripts/widgets/widgets.module.js"></script>
<script src="scripts/widgets/zlTypePlaceholder.js"></script>
<!-- Cordova reference, this is added to your app when it's built. -->
<!-- ReSharper disable once Html.PathError -->
<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>
</body>
</html>
Я использую руководство по стилю @johnpapa Angular 1
app.js
(function () {
"use strict";
document.addEventListener('deviceready', onDeviceReady.bind(this), false);
function onDeviceReady() {
// Handle the Cordova pause and resume events
document.addEventListener('pause', onPause.bind(this), false);
document.addEventListener('resume', onResume.bind(this), false);
};
function onPause() {
// TODO: This application has been suspended. Save application state here.
};
function onResume() {
// TODO: This application has been reactivated. Restore application state here.
};
})();
app.module.js
(function () {
"use strict";
angular.module('app', [
'ionic',
'ngCordova',
'ngRoute',
'app.widgets'
]);
}
Ниже, в моем dashboard.js, когда я отлаживаю этот код в Visual Studio на своем Android Nexus 5X (Cordova 5.1.0), я получаю сообщение об ошибке при нажатии кнопки, связанной с sendImage(). Не удается прочитать свойство 'getPictures' из неопределенного, но $cordovaImagePicker - это объект, показывающий, что этот метод, когда я регистрирую его в консоли, просто завершается с ошибкой, когда он достигает $cordovaImagePicker.getPictures(параметры)
(function () {
"use strict";
angular
.module('app')
.controller('Dashboard', Dashboard);
Dashboard.$inject = ['$scope', '$routeParams', '$cordovaImagePicker', '$ionicPlatform'];
function Dashboard($scope, $routeParams, $cordovaImagePicker, $ionicPlatform) {
var vm = this;
vm.sendImage = sendImage;
function sendImage() {
console.log("sendMessage Clicked");
//Import Image
$ionicPlatform.ready(function() {
console.log($cordovaImagePicker);
//TODO: Get Image Picker to work
var options = {
maximumImagesCount: 1,
width: 150,
height: 150,
quality: 100
};
console.log(options);
console.log('here we go...');
$cordovaImagePicker.getPictures(options)
.then(function(results) {
console.log('it worked!');
for (var i = 0; i < results.length; i++) {
console.log(results[i]);
}
}, function(error) {
console.log(error);
});
});
}
}
})();
Мне бы очень хотелось использовать кордову, но если я не смогу преодолеть это первое препятствие, я могу пойти по маршруту Хамарин. Я не хочу сдаваться легко, но, пожалуйста, дайте мне знать, если что-то торчит вам. Спасибо!