Javascript 角度JS错误:[$injector:unpr]未知提供程序
我是angular js的新手,我试图创建一个自定义服务,我复制并粘贴了一段代码来创建自定义服务,但我总是遇到这个错误Javascript 角度JS错误:[$injector:unpr]未知提供程序,javascript,angularjs,ionic-framework,ionic,onsen-ui,Javascript,Angularjs,Ionic Framework,Ionic,Onsen Ui,我是angular js的新手,我试图创建一个自定义服务,我复制并粘贴了一段代码来创建自定义服务,但我总是遇到这个错误 Error: [$injector:unpr] Unknown provider: serviceProvider <- service <- MainController http://errors.angularjs.org/1.4.3/$injector/unpr?p0=serviceProvider%20%3C- %20service%20
Error: [$injector:unpr] Unknown provider: serviceProvider <- service <- MainController
http://errors.angularjs.org/1.4.3/$injector/unpr?p0=serviceProvider%20%3C- %20service%20%3C-%20MainController
at REGEX_STRING_REGEXP (angular.js:68)
at angular.js:4262
at Object.getService [as get] (angular.js:4409)
at angular.js:4267
at getService (angular.js:4409)
at Object.invoke (angular.js:4441)
at $get.extend.instance (angular.js:8999)
at nodeLinkFn (angular.js:8109)
at compositeLinkFn (angular.js:7541)
at publicLinkFn (angular.js:7416)(anonymous function) @ angular.js:12330
下面是我的模块实现:
(function () {
var myApp = angular.module('app', ['onsen']);
var MainController = function ($scope, $http, $interval, service) {
$scope.clciclme = function () {
alert("HIIIIIIIIIIIIIIIIIIII");
}
}
myApp.controller('MainController', MainController);
})();
请帮助,是什么导致此错误?您使用了两次模块设置器语法,即:
var myApp = angular.module('app', ['onsen']);
您正在创建应用程序
模块两次。要使用getter语法,只需不传递第二个参数(数组):
您的代码如下所示:
控制器:
(function () {
var myApp = angular.module('app', ['onsen']); // use the setter syntax one time
var MainController = function ($scope, $http, $interval, service) {
$scope.clciclme = function () {
alert("HIIIIIIIIIIIIIIIIIIII");
}
}
myApp.controller('MainController', MainController);
})();
服务:
(function () {
var myModule = angular.module('app'); // use the getter syntax all subsequent times
myModule.service('service', ["$http", function ($http) {
var test = function (usertoken) {
alert("fffffffffffffffffffff");
}
return {
getUserSites: getUserSites
};
}]);
})();
(function () {
var myApp = angular.module('app', ['onsen']); // use the setter syntax one time
var MainController = function ($scope, $http, $interval, service) {
$scope.clciclme = function () {
alert("HIIIIIIIIIIIIIIIIIIII");
}
}
myApp.controller('MainController', MainController);
})();
(function () {
var myModule = angular.module('app'); // use the getter syntax all subsequent times
myModule.service('service', ["$http", function ($http) {
var test = function (usertoken) {
alert("fffffffffffffffffffff");
}
return {
getUserSites: getUserSites
};
}]);
})();