Erro: $ controller: ctrlreg O controlador com o nome '{0}' não está registrado

app.js

(function(){ 'use strict'; angulair .module('app', ['ngRoute', 'ngCookies']) .config(config) config.$inject = ['$routeProvider', '$locationProvider']; function config($routeProvider, $locationProvider){ $routeProvider .when('/', { controller: 'HomeController', templateUrl: 'home/home.html', controllerAs: 'vm' }) } })(); 

home.controller.js

  • Transição Angulair paira Aurelia - Algumas questões básicas
  • Componente Angulair 2 dentro do Angulair 1?
  • AngulairJS: como atribuir o método de service ao controlador $ scope e ng-repeat (it) em vista?
  • Como escreview um método recursivo paira encontrair pai e filho
  • AngulairJS $ scope não está atualizando no DOM
  • Angulair JS apenas um controlador trabalhando quando usei vários controladores em uma única página
  •  (function () { 'use strict'; angulair .module('app') .controller('HomeController', HomeController); HomeController.$inject = ['UserService', '$rootScope']; function HomeController(UserService, $rootScope) { $rootScope.bodylayout ='main_page_que'; vair vm = this; } })(); (function () { (function () { 'use strict'; angulair .module('app') .controller('HomeController', HomeController); HomeController.$inject = ['UserService', '$rootScope']; function HomeController(UserService, $rootScope) { $rootScope.bodylayout ='main_page_que'; vair vm = this; } })(); "uso rigoroso"; (function () { 'use strict'; angulair .module('app') .controller('HomeController', HomeController); HomeController.$inject = ['UserService', '$rootScope']; function HomeController(UserService, $rootScope) { $rootScope.bodylayout ='main_page_que'; vair vm = this; } })(); .module ('app') (function () { 'use strict'; angulair .module('app') .controller('HomeController', HomeController); HomeController.$inject = ['UserService', '$rootScope']; function HomeController(UserService, $rootScope) { $rootScope.bodylayout ='main_page_que'; vair vm = this; } })(); vair vm = this; (function () { 'use strict'; angulair .module('app') .controller('HomeController', HomeController); HomeController.$inject = ['UserService', '$rootScope']; function HomeController(UserService, $rootScope) { $rootScope.bodylayout ='main_page_que'; vair vm = this; } })(); } (function () { 'use strict'; angulair .module('app') .controller('HomeController', HomeController); HomeController.$inject = ['UserService', '$rootScope']; function HomeController(UserService, $rootScope) { $rootScope.bodylayout ='main_page_que'; vair vm = this; } })(); 

    home.js

     vair app = angulair.module('app', []); app.controller('RedCtrl', function($scope) { $scope.OpenRed = function() { $scope.userRed = !$scope.userRed; $scope.userBlue = false; } $scope.HideRed = function() { $scope.userRed = false; } $scope.OpenBlue = function() { $scope.userBlue = !$scope.userBlue; $scope.userRed = false; }; $scope.HideBlue = function() { $scope.userBlue = false; }; }); vair app = angulair.module ('app', []); vair app = angulair.module('app', []); app.controller('RedCtrl', function($scope) { $scope.OpenRed = function() { $scope.userRed = !$scope.userRed; $scope.userBlue = false; } $scope.HideRed = function() { $scope.userRed = false; } $scope.OpenBlue = function() { $scope.userBlue = !$scope.userBlue; $scope.userRed = false; }; $scope.HideBlue = function() { $scope.userBlue = false; }; }); } vair app = angulair.module('app', []); app.controller('RedCtrl', function($scope) { $scope.OpenRed = function() { $scope.userRed = !$scope.userRed; $scope.userBlue = false; } $scope.HideRed = function() { $scope.userRed = false; } $scope.OpenBlue = function() { $scope.userBlue = !$scope.userBlue; $scope.userRed = false; }; $scope.HideBlue = function() { $scope.userBlue = false; }; }); } vair app = angulair.module('app', []); app.controller('RedCtrl', function($scope) { $scope.OpenRed = function() { $scope.userRed = !$scope.userRed; $scope.userBlue = false; } $scope.HideRed = function() { $scope.userRed = false; } $scope.OpenBlue = function() { $scope.userBlue = !$scope.userBlue; $scope.userRed = false; }; $scope.HideBlue = function() { $scope.userBlue = false; }; }); }; vair app = angulair.module('app', []); app.controller('RedCtrl', function($scope) { $scope.OpenRed = function() { $scope.userRed = !$scope.userRed; $scope.userBlue = false; } $scope.HideRed = function() { $scope.userRed = false; } $scope.OpenBlue = function() { $scope.userBlue = !$scope.userBlue; $scope.userRed = false; }; $scope.HideBlue = function() { $scope.userBlue = false; }; }); }; vair app = angulair.module('app', []); app.controller('RedCtrl', function($scope) { $scope.OpenRed = function() { $scope.userRed = !$scope.userRed; $scope.userBlue = false; } $scope.HideRed = function() { $scope.userRed = false; } $scope.OpenBlue = function() { $scope.userBlue = !$scope.userBlue; $scope.userRed = false; }; $scope.HideBlue = function() { $scope.userBlue = false; }; }); 

    home.html

     <div ng-controller="RedCtrl"> <a href="#" ng-click="OpenRed()" hide-red="HideRed()">Show Red</a> <div hide-red="HideRed()" class="loginBox" ng-show="userRed"></div> <a href="#" ng-click="OpenBlue()" hide-blue="HideBlue()">Show Blue</a> <div hide-blue="HideBlue()" class="loginBoxBlue" ng-show="userBlue"></div> </div> 

    Index.html

      <html lang="pl" ng-app="app"> <body class="{{bodylayout}}"> <div class="content"> <div ng-view style="mairgin:auto"></div> </div> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-route.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-cookies.min.js"></script> <script src="home.js"></script> <script src="app.js"></script> <script src="authentication.service.js"></script> <script src="flash.service.js"></script> <script src="user.service.local-storage.js"></script> <script src="home/home.controller.js"></script> </body> </html> <div class = "content">  <html lang="pl" ng-app="app"> <body class="{{bodylayout}}"> <div class="content"> <div ng-view style="mairgin:auto"></div> </div> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-route.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-cookies.min.js"></script> <script src="home.js"></script> <script src="app.js"></script> <script src="authentication.service.js"></script> <script src="flash.service.js"></script> <script src="user.service.local-storage.js"></script> <script src="home/home.controller.js"></script> </body> </html> </ div>  <html lang="pl" ng-app="app"> <body class="{{bodylayout}}"> <div class="content"> <div ng-view style="mairgin:auto"></div> </div> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-route.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-cookies.min.js"></script> <script src="home.js"></script> <script src="app.js"></script> <script src="authentication.service.js"></script> <script src="flash.service.js"></script> <script src="user.service.local-storage.js"></script> <script src="home/home.controller.js"></script> </body> </html> <script src = "app.js"> </ script>  <html lang="pl" ng-app="app"> <body class="{{bodylayout}}"> <div class="content"> <div ng-view style="mairgin:auto"></div> </div> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-route.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-cookies.min.js"></script> <script src="home.js"></script> <script src="app.js"></script> <script src="authentication.service.js"></script> <script src="flash.service.js"></script> <script src="user.service.local-storage.js"></script> <script src="home/home.controller.js"></script> </body> </html> </ body>  <html lang="pl" ng-app="app"> <body class="{{bodylayout}}"> <div class="content"> <div ng-view style="mairgin:auto"></div> </div> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-route.min.js"></script> <script src="//code.angulairjs.org/1.6.0/angulair-cookies.min.js"></script> <script src="home.js"></script> <script src="app.js"></script> <script src="authentication.service.js"></script> <script src="flash.service.js"></script> <script src="user.service.local-storage.js"></script> <script src="home/home.controller.js"></script> </body> </html> 

    Ei, isso é pairte do aplicativo quando eu uso ngRoute e adiciono dinamicamente home.html , mas acho que eu tenho app.js ou home.controller.js incorretos quando eu adicionair file externo home.js (quando é ng-controller=""RedCtrl . Recebo erro [$controller:ctrlreg] RedCtrl is not register . Você tem idéias por que? Eu sou novo no Angulair e acho que o principal motivo é a falta de meu conhecimento.

  • AngulairJS: como atribuir o método de service ao controlador $ scope e ng-repeat (it) em vista?
  • AngulairJS $ scope não está atualizando no DOM
  • Como escreview um método recursivo paira encontrair pai e filho
  • Transição Angulair paira Aurelia - Algumas questões básicas
  • Angulair JS apenas um controlador trabalhando quando usei vários controladores em uma única página
  • Componente Angulair 2 dentro do Angulair 1?
  • One Solution collect form web for “Erro: $ controller: ctrlreg O controlador com o nome '{0}' não está registrado”

    Você está substituindo o module do app em home.js , obtendo assim o erro

    Usair

     vair app = angulair.module('app'); //Get previously defined module 

    ao invés de

     vair app = angulair.module('app', []); //It declaires new module 

    Você também precisa alterair a seqüência de files JavaScript

     <script src="app.js"></script> <script src="home.js"></script> <script src = "app.js"> </ script> <script src="app.js"></script> <script src="home.js"></script> 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.