我已经在ngCordova的Ionic应用程序中安装了社交共享插件。
cordova plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git
如说明中所示，我已经在我的应用程序中实现了它。
但它在控制台中显示“未定义的社交共享”错误。
我也为Android构建了它，并尝试以调试模式在我的设备上运行，但对于webview仍然显示相同的错误。
有谁知道为什么这不起作用？
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link rel="manifest" href="manifest.json">
<!-- un-comment this code to enable service worker
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(() => console.log('service worker installed'))
.catch(err => console.log('Error', err));
}
</script>-->
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<!-- <script src="js/cordova.js"></script>
-->
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="http://maps.google.com/maps/api/js?key=AIzaSyCQsTMbMnnBg8qbneW1oY4PEzN12gEF25M&sensor=true"></script>
<script src= "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
</head>
<body ng-app="starter">
<ion-nav-view></ion-nav-view>
</body>
</html>
app.js
// Ionic Starter App
angular.module('starter', ['ionic', 'starter.controllers','ngCordova']).run(function ($ionicPlatform) {
$ionicPlatform.ready(function () {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);
}
if (window.StatusBar) {
StatusBar.styleDefault();
}
});
}).config(function ($stateProvider, $urlRouterProvider) {
$stateProvider.state('app', {
url: '/app'
, abstract: true
, templateUrl: 'templates/menu.html'
, controller: 'AppCtrl'
})
.state('app.register', {
url: '/register'
, views: {
'menuContent': {
templateUrl: 'templates/register.html'
, controller: 'RegisterCtrl'
}
}
})
.state('app.login', {
url: '/login'
, views: {
'menuContent': {
templateUrl: 'templates/login.html'
, controller: 'LoginCtrl'
}
}
})
.state('app.sports', {
url: '/sports'
, views: {
'menuContent': {
templateUrl: 'templates/sports.html'
, controller: 'SportsCtrl'
}
}
})
.state('app.arenabylist', {
url: '/arenabylist?sport_id&sport_icon&sport_name'
, views: {
'menuContent': {
templateUrl: 'templates/arenabylist.html',
controller: 'ArenaByListCtrl'
}
}
})
.state('app.arenadetail', {
url: '/arenadetail?arena_id&sport_id'
, views: {
'menuContent': {
templateUrl: 'templates/arenadetail.html'
, controller: 'ArenaDetailCtrl'
}
}
})
.state('app.search', {
url: '/search'
, views: {
'menuContent': {
templateUrl: 'templates/search.html'
, controller: 'searchCtrl'
}
}
})
.state('app.otpVerification', {
url: '/otpVerification'
, views: {
'menuContent': {
templateUrl: 'templates/otpVerification.html'
, controller: 'OtpVerificationCtrl'
}
}
})
.state('app.startupscreen', {
url: '/startupscreen'
, views: {
'menuContent': {
templateUrl: 'templates/startupscreen.html'
, controller: 'StartupScreenCtrl'
}
}
})
.state('app.feedback', {
url: '/feedback'
, views: {
'menuContent': {
templateUrl: 'templates/feedback.html'
, controller: 'FeedbackCtrl'
}
}
})
.state('app.about', {
url: '/about'
, views: {
'menuContent': {
templateUrl: 'templates/about.html'
, controller: 'AboutCtrl'
}
}
})
.state('app.locationDetail', {
url: '/locationDetail'
, views: {
'menuContent': {
templateUrl: 'templates/locationDetail.html'
, controller: 'LocationDetailCtrl'
}
}
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/startupscreen');
})
.directive("moveNextOnMaxlength", function() {
return {
restrict: "A",
link: function($scope, element) {
element.on("input", function(e) {
if(element.val().length == element.attr("maxlength")) {
var $nextElement = element.next();
if($nextElement.length) {
$nextElement[0].focus();
}
}
});
}
}
});
控制者
angular.module('starter.controllers',[])
.controller('Social', ['$scope', function($scope){
$scope.share = function(t, msg, img, link){
if(t == 'w')
window.plugins.socialsharing
.shareViaWhatsApp(msg, '', link);
else if(t == 'f')
window.plugins.socialsharing
.shareViaFacebook(msg, img, link);
else if(t == 't')
window.plugins.socialsharing
.shareViaTwitter(msg, img, link);
else if(t == 'sms')
window.plugins.socialsharing
.shareViaSMS(msg+' '+img+' '+link);
else
{
var sub = 'Beautiful images inside ..';
window.plugins.socialsharing
.shareViaEmail(msg, sub, '');
}
}
}])
最佳答案
这就是问题：
<!-- <script src="js/cordova.js"></script>
-->
科尔多瓦已被注释掉，因此从不加载。如ngCordova documentation中所述，您需要具备以下条件：
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>
关于javascript - 社交共享插件在Ionic Cordova中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41075875/