Angularjs错误未知的提供
问题描述:
我想显示在HTML代码page.Version角度值的服务配置的值author
和version
显示正常,但不是作者的名字 下面是HTML代码Angularjs错误未知的提供
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>
</ul>
<div ng-view></div>
<div>Angular seed app: v<span app-version></span></div>
<div>Author is : <span app-author></span></div>
<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>
这里是指导...
angular.module('myApp.directives', []).
directive('appVersion', ['version', function(version) {
return function(scope, elm, attrs) {
elm.text(version);
};
}])
.directive('appAuthor', ['author', function(author) {
return function(scope, elm, attrs){
elm.text(author);
};
}]);
,这里是哪里author
和version
值配置
angular.module('myApp.services', []).
value('version', '0.1')
.value('author','JIM');
我得到开发者控制台中的错误是
Error: Unknown provider: authorProvider <- author <- appAuthorDirective
答
确保您装载这些模块(myApp.services和myApp.directives)作为主应用程序模块的依赖性,像这样:
angular.module('myApp', ['myApp.directives', 'myApp.services']);
答
bmleite有关于包含模块的正确答案。
如果这在你的情况下是正确的,你也应该确保你没有重新定义多个文件中的模块。
记住:
angular.module('ModuleName', []) // creates a module.
angular.module('ModuleName') // gets you a pre-existing module.
所以,如果要扩展一个现有的模块,切记不要试图把它拿来当覆盖。
即使我被困在同样的问题,我解决了它,但我一直得到同样的问题。 请注意'函数getService(serviceName,调用者){if(cache.hasOwnProperty(serviceName))' 修复问题后**不要忘记做Ctrl + F5来清除浏览器缓存** – 2017-02-06 15:03:57