AngularJS Error: $injector:unpr Unknown Provider githubProvi
AngularJS Error: $injector:unpr Unknown Provider githubProvider <- github <- MainController
我正在尝试按照工厂方法文档中的示例构建自己的服务。我认为我做错了什么,然而,因为我继续得到未知的提供者错误
index . html
<!DOCTYPE html>
<html ng-app="githubViewer">
<head>
<script data-require="angular.js@1.4.3" data-semver="1.4.2" src="https://code.angularjs.org/1.4.2/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
<script src="github.js"></script>
</head>
<body ng-controller="MainController">
<div>
<h1>{{message}}</h1>
</div>
<div>
{{ error }}
</div>
{{ countdown }}
<form name="searchUser" ng-submit="search(username)">
<input type="search" required placeholder="Username to find" ng-model="username">
<input type="submit" value = "search" >
</form>
<div ng-include="userdetails" ng-show = "user"></div>
</body>
</html>
script.js
(function() {
angular
.module("githubViewer", [])
.controller("MainController",MainController);
// .controller("MainController",
// ["$scope", "github","$interval","$log","$anchorScroll","$location", MainController]);
MainController.$inject = ["$scope", "$http","$interval","github"];
function MainController($scope,github,$interval,$log,$achorScroll,$location) {
// var onUserComplete = function(response) {
// $scope.user = response.data;
// $http.get($scope.user.repos_url)
// .then(onRepos,onError)
// };
var onUserComplete = function(data) {
$scope.user = data;
gethub.getRepos($scope.user).then(onRepos,onError)
};
var onRepos = function(data){
$scope.repos = data;
$location.hash("userDetails");
$anchorScroll();
};
var onError = function(reason) {
$scope.error = "could not display data" ;
};
$scope.search = function(username) {
$log.info("searching for "+ username);
github.getUser(username).then(onUserComplete, onError);
if(countdownInterval){
$interval.cancel(countdownInterval)
$scope.countdown = null;
}
};
var decrementCountdown = function(){
$scope.countdown -= 1;
if($scope.countdown < 1){
$scope.search($scope.username)
}
};
var countdownInterval = null;
var startCountdown = function(){
countdownInterval = $interval(decrementCountdown,1000,$scope.countdown);
};
$scope.username = "Angular";
$scope.message = "GitHub Viewer!";
$scope.repoSortOrder ="-stargazers_count";
$scope.userdetails ="userdetails.html";
$scope.countdown = 5;
startCountdown();
};
})();
github.js
(function(){
var github = function($http){
var getUser = function(username){
return $http.get("https://api.github.com/users/" + username)
.then(function(response){
return response.data;
});
};
var getRepos = function(user){
return $http.get(user.repos_url)
.then(function(response){
return response.data;
});
};
return{
getUser : getUser,
getRepos ; getRepos
};
};
var module = angular.module("githubViewer");
module.factory("github",github);
}());
控制台错误:
Error: [$injector:unpr] Unknown provider: githubProvider <- github <- MainController
http://errors.angularjs.org/1.4.2/$injector/unpr?p0=githubProvider%20%3C-%20github%20%3C-%20MainController
at REGEX_STRING_REGEXP (angular.js:68)
at angular.js:4264
at Object.getService [as get] (angular.js:4411)
at angular.js:4269
at getService (angular.js:4411)
at Object.invoke (angular.js:4443)
at ident.$get.extend.instance (angular.js:9001)
at nodeLinkFn (angular.js:8111)
at compositeLinkFn (angular.js:7543)
at compositeLinkFn (angular.js:7547)
请给我指一下正确的方向。 如果在依赖项数组中存在不匹配,请确保在使用它们之前所有的依赖项都被正确注入。
MainController.$inject = ['$scope','github','$interval','$log','$achorScroll','$location'];
另外你需要用:
代替;
在你的github
工厂
return{
getUser : getUser,
getRepos : getRepos //<--correction in this line
};
相关文章:
- 迷你$provider注入茉莉花和角
- Angular Provider/JS-如何访问'叔叔方法'从$http().then()
- 为什么我无法访问使用 $provide.provider 和 $injector.get 创建的服务
- 使用 Grunt/Gulp 构建 SAPUI5 应用程序,并使用 ABAP Team Provider 部署 Eclip
- jQuery Selector获取UNKNOWN DEPTH下的(第n个)元素
- AngularJS, MVC.Unknown provider: $ScopeProvider <- $Scope
- Angularjs unknown provider nvd3
- Angularjs Error: $injector:unpr Unknown Provider with using
- 最小化后的Angular Unknown Provider
- Error: Unknown provider - Karma, requirejs, angular
- AngularJS 1.2.9 ngRoute "unknown provider $routeProvide
- Angular Error: Unknown provider: dataserviceProvider
- AngularJS Error: $injector:unpr Unknown Provider githubProvi
- 在ngCookies中出现了$injector:unpr Unknown Provider问题
- Angular代码混乱的原因"Unknown Provider"消息
- 为什么这个Angular控制器会抛出“Error: Unknown provider: nProvider <- n&q
- AngularJS with Karma Unknown provider: $routeProvider
- Angular Unknown Provider ExpressJs
- Angular js返回错误Unknown provider:
- AngularJS issue - "Error: Unknown provider:"