Angularjs錯誤未知提供者

Question

我正在嘗試在html頁面中的角度值服務中顯示配置值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

Answer 1

確保將這些模塊（ myApp.services和myApp.directives ）作為主應用程序模塊的依賴項加載，如下所示：

angular.module('myApp', ['myApp.directives', 'myApp.services']);

plunker： http ：//plnkr.co/edit/wxuFx6qOMfbuwPq1HqeM？p = preview

Answer 2

bmleite有關於包含模塊的正確答案。

如果在您的情況下這是正確的，您還應確保不要在多個文件中重新定義模塊。

記得：

angular.module('ModuleName', [])   // creates a module.

angular.module('ModuleName')       // gets you a pre-existing module.

因此，如果要擴展現有模塊，請記住在嘗試獲取模塊時不要覆蓋。

Angularjs錯誤未知提供者

問題描述

2 個解決方案

解決方案1
49 已采納 2013-03-06 11:43:05

解決方案2
31 2014-02-23 20:28:16

Angularjs錯誤未知提供者

問題描述

2 個解決方案

解決方案1 49 已采納 2013-03-06 11:43:05

解決方案2 31 2014-02-23 20:28:16

解決方案1
49 已采納 2013-03-06 11:43:05

解決方案2
31 2014-02-23 20:28:16