My app is looking good, thanks to Ionic. All the core info is there and I’m just adding the frills - email, sharing, media (one of the functions is a metronome) and so on.
I can’t get any plugins to work.
I’ve had success with a previous Ionic app but the plugins were all called from within
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
}
}
and indeed the Statusbar plugin seems to working fine and it is called from within there.
I’m using the Side Menu starter with tabs built in btw.
My issue, I suppose, is that I’ve three controller files.
main_ctrls.js - for the main app
menu_ctrls.js - for the menu pages like feedback and email, analytics
extras_ctrls.js - for the “extra” section with the metronome and so on.
I’ve put ‘ngCordova’ as a dependency in each module and called the plugin from within the controller with the ready function. Here is the email controller.
angular.module('menu.controllers', ['ngCordova'])
.controller('FeedCtrl', function($ionicPlatform, $scope, $cordovaEmailComposer) {
$ionicPlatform.ready(function() {
$cordovaEmailComposer.isAvailable().then(function() {
// is available
alert('Email is available');
}, function () {
// not available
alert('Email is NOT available');
});
var email = {
to: 'max@mustermann.de',
cc: 'erika@mustermann.de',
bcc: ['john@doe.com', 'jane@doe.com'],
attachments: [
'file://img/logo.png',
'res://icon.png',
'base64:icon.png//iVBORw0KGgoAAAANSUhEUg...',
'file://README.pdf'
],
subject: 'Cordova Icons',
body: 'How are you? Nice greetings from Leipzig',
isHtml: true
};
$cordovaEmailComposer.open(email).then(null, function () {
alert('Email discarded.');
});
})
});
I’m testing it on Android (Nexus 4 with Android 5.1) with Chrome inspect and I just get an error saying “Cannot read property ‘isAvailable’ of undefined”
This happens with all plugins called from within controllers in this way.
What am I doing wrong?