Error: [ng:areq] Argument controller is not a function, got undefined?

Question

[leo_fr]

Добрый день, angular выдает ошибку Error: [ng:areq] Argument 'usersCtrl' is not a function, got undefined .
Не могу понять почему он ругается, для теста написал самое простое взаимодействие и все вроде должно работать, но нет. В проекте есть так же контроллеры и они работают нормально, проблема в создании новых собственно скриншоты кусков кода.:

<script src="scripts/controllers/pageUserCtrl.js" type="text/javascript"></script>

controller

app.js

user.html
error

Comments

[Yaroslav Lyzlov]

Зачем вы указываете контроллер и в шаблоне и в роутинге?

[Артур Мудрик]

И зачем вам data- в аттрибутах? На дворе 2015 год, а вы всё еще проверяете верстку в W3C-валидаторе?

[leo_fr]

Артур Мудрик: Причина использования в атрибутах data-, очень проста phpStorm подсвечивает,а меня это напрягает с точки зрения просмотра кода + использования data- не влияет на саму работу. Нет не проверяю, но стараюсь придерживаться стандартам.

[leo_fr]

Yaroslav Lyzlov: хм.. сложно сказать, где то прочитал статью и как то приелось, так как такой способ работал и работает, но вот вот в данном случае есть часть кода(пару блоков логин, рег. ) которая написана таким способом и она работает, но создание нового блока выдаёт ошибку . Если это не корректно расскажите пожалуйста или киньте статью, буду вам благодарен.

[Yaroslav Lyzlov]

leo_fr: Это не правильно. Уберите его из шаблона.

Answer 1

[Radiks Alijevs]

//app.js
angular.module('prApp', [])
    .controller('usersCtrl',['$scope' , function ($scope) {
        $scope.message = 'Page test';
    }
]);
//users2Ctrl.js
angular.module('prApp')
    .controller('users2Ctrl', UsersCtrl)
    
UsersCtrl.$inject = ['$scope'];

function UsersCtrl ($scope) {
  $scope.message = 'User2Ctrl';
}

или

//app.js
angular.module('prApp', [
  '..',
  'userCtrl'
]);

//userCtrl.js
angular.module('userCtrl', [])
.controller('userCtrl',...

Angular style guide на русском

Comments

[Yaroslav Lyzlov]

Как это поможет автору?

[leo_fr]

Я так понимаю вы предлагаете мне объявить в app.js и если да, то этот способ крашит всё.

[Radiks Alijevs]

leo_fr: Выложите пожалуйста код в plnkr

[leo_fr]

Радик Алиев: plnkr.co/edit/YMAZ36AMFnFXiKfE09qW?p=preview

[Radiks Alijevs]

В вашем примере ошибка angular.module('prApp', []) нет квадратных скобок

[leo_fr]

Радик Алиев: Да действительно на pinkr это ошибка и если её исправить, то будет работать. Но если я сделаю так же как там Вот скрин clip2net.com/s/3pSTgOz.
Вот в этом же проекте я делаю форму авторизации(пример clip2net.com/s/3pSVKZz ) я понимаю что нельзя в контроллере производить DOM манипуляции, но на данный момент это обучение=).
После добавления в контроллер который работал для логина ('prApp', []). Перестало рендарить динамику =\ Вот скрин clip2net.com/s/3pSYdpJ

[Radiks Alijevs]

leo_fr: я тут накидал пример plnkr.co/edit/m6id5wLeoDfQutXQK6PS?p=preview квадратные скобки не нужно когда добавляете новый контроллер

[leo_fr]

Радик Алиев: Хм ме могу понять зачем привязываться к [ ] , вот схема как я думаю должно работать clip2net.com/s/3pTffVw , меня если честно больше интересно почему 3 контроллера созданные таким способом работают, а новые на контроллер ругаются.