экземпляр $ scope в модуле с несколькими контроллерами

Question

Как создать экземпляр $ scope для модуля angularjs, который имеет несколько контроллеров? В настоящее время я получаю следующее сообщение об ошибке:

Error: [$injector:modulerr] Failed to instantiate module hello due to: 
[$injector:modulerr] Failed to instantiate module navigation due to: 
[$injector:modulerr] Failed to instantiate module $scope due to: 
[$injector:nomod] Module '$scope' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Структура приложения выглядит следующим образом:

Модуль hello определяется как:

'use strict'; 
/** * Main module of the application. */ 
angular 
.module('hello', ['ngAnimate', 'ngRoute', 'ngTouch', 'auth', 'home',  
        'secure', 'public1', 'navigation', 'ui.bootstrap' ]) 
.config(function ($routeProvider, $httpProvider, $locationProvider) { 
    //a bunch of config stuff like routeProvider, etc. 
}) 
.run(['$cookies', function($cookies) { 
    //some startup stuff like setting default values for cookies, etc. 
}]); 

navigation.js определяется как:

'use strict'; 
angular 
.module('navigation', ['$scope', 'auth', 'modalService', 'ngRoute', 'ngAnimate', 'ui.bootstrap']) 
.controller('navigation', function($scope, auth, modalService, $route, $uibModal) { 
    // code for various stuff, 
    // including code calling the second controller below 
    $scope.someVariable = 'some value'; 
}); 

// Please note that $uibModalInstance represents a modal window (instance) dependency. 
// It is not the same as the $uibModal service used above. 
angular.module('navigation', ['$scope', '$uibModalInstance', 'items']) 
.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items) { 
    //code that is controlled by code from the preceding controller 
    $scope.someOtherVariable = 'some other value'; 
}); 

Обратите внимание, что, когда я Ове $scope из массивов инъекций согласно комментариям ниже, я получаю следующую ошибку в двух строках $scope.someVariable = 'some value' и $scope.someOtherVariable = 'some other value':

'$scope' is not defined. 

Answer 1

Есть несколько ошибок инициализации контроллеров:

Этого код:

angular.module('navigation', ['$scope', '$uibModalInstance', 'items']) 
.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items){ 
    //code that is controlled by code from the preceding controller 
}); 

Следует переписать следующим образом:

angular.module('navigation', []) 
.controller('ModalInstanceCtrl', [ '$scope', '$uibModalInstance, 'items', 
    function($scope, $uibModalInstance, items) { // go with your code here 
}]); 

Итак, в основном вы должны перенести все свои инъекции, связанные с контроллером, из экземпляра модуля и установить его в контроллер.

Answer 2

Здесь есть две концепции, которые вы смешиваете. Объявление списка зависимостей для вашего углового модуля (приложения) и ввода их на ваш контроллер или на заводе.

Декларирование зависимость с модулем осуществляется с помощью:

angular.module('myMoudle', ['anotherModule', 'andAnotherModule']) 

При введении их в контроллер или на заводе осуществляется в функции управления/фабрики:

myModule.controller('MyController', ['$scope', 'anotherModule', function($scope, anotherModule) {}); 

Примечание здесь MyModule уже определена и нет причин пересматривать это. Вы также можете получить доступ к своему уже определенному модулю, используя этот синтаксис:

angular.module('myModule', []).controller(...) 

Более продвинутый способ инъекции модулей зависимостей использует $ injection. Вы можете найти более подробную информацию о Angular DI here