Сплит угловой код в нескольких файлах

Я пытаюсь разбить мой угловой код, и у меня есть некоторые проблемы.Сплит угловой код в нескольких файлах

В beggining я с имел «неопределенную функцию» о моих контроллерах «и теперь у меня есть„Ошибка: Ошибка http://errors.angularjs.org/1.4.8/ $ форсунки/nomod p0 = myApp.controllers.accueil“и»: [nomod $ форсунки]: [ $ инжектор: modulerr] http://errors.angularjs.org/1.4.8/ $ инжектор/модулятор? p0 = myApp & p1 =% 5B% 24 инжектор% 3Amodulerr% 5D% 20http% 3A% 2F% 2Ferrors.angularjs.org% 2F1.4.8% 2F% 24 инжектор% 2Fmodulerr% 3Fp0% 3DmyApp.controllers.accueil% 26p1% 3D% 255B% 2524Injector% 253Anomod% 255D% 2520http% 253A% 252F% 252Ferrors.angularjs.org% 252F1.4.8% 252F% 2524injector% ... ". Я нашел несколько других вопросов похожий, но я не могу найти свою ошибку (и) ...

Это мой index.html:

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="author" content="M2-SCMN"> 
    <link rel="icon" href="img/favicon.ico" /> 
    <link rel="stylesheet" type="text/css" href="web/css/bootstrap.min.css"> 
    <script type="text/javascript" src="web/js/angular.min.js"></script> 
    <script type="text/javascript" src="web/js/angular-route.min.js"></script> 
    <script type="text/javascript" src="myApp.js"></script> 
    <script type="text/javascript" src="controllers/accueil.js"></script> 
    <script type="text/javascript" src="controllers/utilisateur.js"></script> 
     <title>AngularProj</title> 
    </head> 
    <body ng-app="myApp" > 
    <div ng-view></div> 
    </body> 
</html>

Мои app.js (Я хотел бы иметь 1file/модуль (пользователь, домашняя страница ...)):

angular.module('myApp', [ 
    'ngRoute', 
    'myApp.controllers.accueil', 
    'myApp.controllers.utilisateur' 
]) 
.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/', {templateUrl: 'views/accueil.html', controller: 'AccueilCtrl'}); 
    $routeProvider.when('/connexion', {templateUrl: 'views/connexion.html', controller: 'ConnexionCtrl'}); 
    $routeProvider.otherwise({redirectTo: '/'}); 
}]);

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

angular.module('myApp.controllers.accueil') 
    .controller('AccueilCtrl', function ($scope) { 
     $scope.texte = 'Hello, Angular fanatic.'; 
    });

источник

2015-12-21 Deynis

вы получаете эту ошибку, потому что вы на самом деле не создали myApp.controllers.accueil в файле контроллера accueil, вы просто пытаетесь извлечь модуль.

Прежде всего, вам необходимо создать модуль myApp.controllers.accueil. Я думаю, что ваше замешательство проистекает из разницы между тем, как вы создаете модуль и как его извлекаете.

Взятые из AngularJS docs (см при Creation против Retrieval):

Beware that using angular.module('myModule', []) will create the module myModule and overwrite any existing module named myModule. Use angular.module('myModule') to retrieve an existing module.

Так что вы на самом деле пытается загрузить модуль, который не существует.

Ваш код контроллера должен быть, как это вместо:

angular.module('myApp.controllers.accueil', []) .controller('AccueilCtrl', function ($scope) { $scope.texte = 'Hello, Angular fanatic.'; });

источник

2015-12-21 17:37:27

Сплит угловой код в нескольких файлах

ответ

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