javascript - 名前空間モジュール

Question

モジュール宣言と依存性注入について少し混乱しています。

より単純な例は理解していますが、再利用性のために、より「名前空間化された」アプローチを検討しています。

このUnknown provider: aServiceProvider <- aServiceコードを使用すると、レンダリングしてもエラーが発生し続けます。

angular.module('myApp', ['testFactories', 'testServices']);

angular.module('testFactories', []);

angular.module('testFactories')
.factory('aFactory', function(){
  return {
    sayHello: function(text){
      return "Factory says \"Hello " + text + "\"";
    },
    sayGoodbye: function(text){
      return "Factory says \"Goodbye " + text + "\"";
    }  
  }               
});

angular.module('testServices', []);

angular.module('testServices')
.service('aService', function(){
  this.sayHello = function(text){
    return "Service says \"Hello " + text + "\"";
  };        
  this.sayGoodbye = function(text){
    return "Service says \"Goodbye " + text + "\"";
  };   
});

function HelloCtrl($scope, aService, aFactory) {
  $scope.fromService = aService.sayHello("World");
  $scope.fromFactory = aFactory.sayHello("World");
}

function GoodbyeCtrl($scope, aService, aFactory) {
  $scope.fromService = aService.sayGoodbye("World");
  $scope.fromFactory = aFactory.sayGoodbye("World");
}

angular.element(document).ready(function() {
  angular.bootstrap(document);
});

問題は何ですか？

Answer 1

myAppブートストラップの依存関係として宣言する必要があります:

angular.bootstrap(document, ['myApp']);