Angularjs错误未知提供商

Angularjs error Unknown provider

本文关键字：提供商 未知 错误 Angularjs      更新时间：2023-09-26

我试图在html页面中显示angular值服务中配置的值author和version。版本代码可以正常显示，但不显示作者名称下面是html代码

    <!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']);

砰砰作响: http://plnkr.co/edit/wxuFx6qOMfbuwPq1HqeM?p=preview

bmleite给出了包含该模块的正确答案。

如果这在你的情况下是正确的，你还应该确保你没有在多个文件中重新定义模块。

记住:

angular.module('ModuleName', [])   // creates a module.
angular.module('ModuleName')       // gets you a pre-existing module.

因此，如果您正在扩展现有模块，请记住在试图获取它时不要覆盖它。

相关文章：