AngularJS 1: $ инжектор: ошибка modulerr

Пожалуйста, помогите мне разобраться, в чем проблема.

HTML:

<!doctype html> 
    <html ng-app='ShoppingListCheckOff'> 
     <head> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="styles/bootstrap.min.css"> 
     <script src="angular.min.js"></script> 
     <script src="app.js"></script> 
    </head> 
    <body> 
    <div class="col-md-6" ng-controller='ToBuyController' > 
    </div> 


    <div class="col-md-6" ng-controller='AlreadyBoughtController' > 
    </div> 

    </body> 
    </html>

А вот app.js

(function() { 
'use strict'; 

angular.module('ShoppingListCheckOff', []) 

.controller('ToBuyController', MyToBuyController); 
.controller('AlreadyBoughtController', MyAlreadyBoughtController); 
.service('ShoppingListCheckOffService', ShoppingListCheckOffService); 

MyToBuyController.$inject = ['ShoppingListCheckOffService']; 

function MyToBuyController($scope, $filter, $injector) { 

    } 
} 


///////////// 

MyAlreadyBoughtController.$inject = ['ShoppingListCheckOffService']; 


} 



function ShoppingListCheckOffService() { 
} 



})();

и ошибка: angular.min.js: 6 Uncaught Ошибка: [$ Инжектор: modulerr] http://errors.angularjs.org/1.5.7/ $ Инжектор/modulerr? p0 = ShoppingListCheckOf ...% 20% 20at% 20% 20 ° С (HTTP% 3A% 2F% 2Flocalhost% 3A3000% 2Fangular.min.js% 3A21% 3A163) (...)

Большое спасибо

источник

2016-12-04 Miguel Mas

сообщению контроллеры – Sajeetharan

использовать стандартный уменьшенную версию углового, и вы будете иметь гораздо более четкие сообщения об ошибках, которые вы можете разместить здесь. Минимальная версия предназначена для производства, а не для разработки. –

Это говорит о том, что MyToBuyController и MyAlreadyBoughtController не определены в app.js. –

Определите эти два контроллера в файле script.js.

Проверьте демо-

(function() { 
 
'use strict'; 
 
var app= angular.module('ShoppingListCheckOff', []) 
 
app.controller("ToBuyController", function($scope) { 
 
    $scope.msg ="ToBuyController"; 
 
}); 
 
app.controller("AlreadyBoughtController", function($scope) { 
 
    $scope.msg ="AlreadyBoughtController"; 
 
}); 
 

 

 
})();

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
</head> 
 
<body ng-app="ShoppingListCheckOff"> 
 
<div class="col-md-6" ng-controller='ToBuyController' > 
 
    {{msg}} 
 
</div> 
 
<div class="col-md-6" ng-controller='AlreadyBoughtController' > 
 
    {{msg}} 
 
</div> 
 
</body> 
 
</html>

источник

2016-12-04 12:30:48 Sajeetharan

AngularJS 1: $ инжектор: ошибка modulerr

ответ

Смежные вопросы