Неизвестный поставщик: $ scopeProvider <- $ scope <- AccountSummaryController

Question

Я работаю над приложением angular JS, чтобы создать Банковское приложение, но я застрял в месте, где мои тесты дают ошибку, которую контроллер не обнаружил. Я не знаю, где я иду не так, любая помощь будет оценена '

приложение. js

(function() {
    'use strict';

    // CONTROLLERS
    angular
        .module('abcbankApp.controllers', []);

    // SERVICES
    angular
        .module('abcbankApp.services', []);

    angular
        .module('abcbankApp', ['ui.router', 'ui.grid', 'abcbankApp.accountSummary', 'abcbankApp.transaction', 'abcbankApp.login'])
        .config(routeConfig);


    function routeConfig($stateProvider,$urlRouterProvider) {
       $urlRouterProvider.when("", "/login");

       $urlRouterProvider.when("", "/login");
        // ROUTES
        // Please use State provoders for routing between login,accountSummary, transactions and search
        // define  $stateProvider(state) with url,templateUrl,controllers and controllerAs
         $stateProvider
          .state("accountSummary", {
            url: "/accountSummary",
            templateUrl: "./templates/account-summary/account-summary.html",
            controller : "AccountSummaryController",
            controllerAs :"ActSumCtrl",
        })
        .state("login", {
            url: "/login",
            templateUrl: "./templates/login/login.view.html",
            controller :"LoginController",
            controllerAs :"LoginCtrl",
        })
}

})();

AccountSummaryController. js

(function() {
    'use strict';
   var appContr = angular.module('abcbankApp.accountSummary', ['abcbankApp.accountSummaryService']);
    appContr.controller('AccountSummaryController', function($scope,AccountSummaryService,$state) {
    var ActSumCtrl = this;
    ActSumCtrl.accountList = [];
    ActSumCtrl.accountList = AccountSummaryService.getAccountSummary();
    });

})();

Счетная служба. js

(function() {
    'use strict';

     var appServc = angular.module('abcbankApp.accountSummaryService', []);
appServc.factory('AccountSummaryService', ['$http',
  function($http) {
    return {
      getAccountSummary: function() {
          var data;
          $http.get('./data/account-summary.json')
         .success(function(response) {
           data = response.data;
        });
        return data;
      }
    };
  }]);

})();

Но я получаю такую ​​ошибку

 Executed 0 of 12 SUCCESS (0 secs / 0 secs)

[1A[2KNode.js (linux; U; rv:v8.15.1) abcbankApp.accsummary module AccountSummaryController Controller definition FAILED

    Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- AccountSummaryController

Answer 1

Согласно документации - https://docs.angularjs.org/guide/controller, вторым параметром для контроллера является array.

appContr.controller('AccountSummaryController', [$scope, function($scope,AccountSummaryService,$state) {
    // code
}]);